.sketch-card:hover transform: translate(-2px, -2px); box-shadow: 16px 16px 0 rgba(44, 62, 80, 0.15);
.sketch-btn:hover background: #FFD966; transform: scale(0.97); sketchy medical login
.helper-links a color: #2C3E50; text-decoration: underline; text-decoration-style: wavy; text-underline-offset: 4px; .sketch-card:hover transform: translate(-2px
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: 16px 16px 0 rgba(44
</style> </head> <body> <div class="sketch-card"> <div class="watercolor-blob"></div> <h1>SketchyMedical</h1> <div class="tagline">Your visual memory vault</div>
<button type="submit" class="sketch-btn">Log In →</button>
h1 font-family: 'Permanent Marker', 'Architects Daughter', cursive; font-size: 2rem; color: #2C3E50; letter-spacing: -0.5px; border-left: 8px solid #FF6B6B; padding-left: 1rem; margin-bottom: 0.5rem;