Login | Sketchy Medical
input:focus outline: none; border-color: #FF6B6B; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.2);
.sketch-btn:hover background: #FFD966; transform: scale(0.97); sketchy medical login
</style> </head> <body> <div class="sketch-card"> <div class="watercolor-blob"></div> <h1>SketchyMedical</h1> <div class="tagline">Your visual memory vault</div> input:focus outline: none
1. Visual & Thematic Concept Style: Hand-drawn, sketchy, notebook paper aesthetic (grid or ruled lines), watercolor accents, playful but professional for medical students. box-shadow: 0 0 0 3px rgba(255
<form id="sketchyLoginForm"> <div class="input-group"> <label>📧 Email</label> <input type="email" id="email" placeholder="you@medschool.edu" required> </div> <div class="input-group"> <label>🔐 Password</label> <input type="password" id="password" placeholder="Your secret sketch" required> </div>
.sketch-btn background: #FFE194; border: 2px solid #2C3E50; border-radius: 60px; padding: 12px 24px; width: 100%; font-weight: bold; font-size: 1.1rem; font-family: 'Permanent Marker', cursive; color: #2C3E50; cursor: pointer; transition: 0.1s linear; margin-top: 0.8rem;