Sketchy - Medical Login

1. Visual & Thematic Concept Style: Hand-drawn, sketchy, notebook paper aesthetic (grid or ruled lines), watercolor accents, playful but professional for medical students.

.sketch-btn:hover background: #FFD966; transform: scale(0.97);

<script> // Simple front-end validation + sketchy alert document.getElementById('sketchyLoginForm').addEventListener('submit', function(e) e.preventDefault(); const email = document.getElementById('email').value.trim(); const password = document.getElementById('password').value.trim(); sketchy medical login

input:focus outline: none; border-color: #FF6B6B; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.2);

.sketch-card:hover transform: translate(-2px, -2px); box-shadow: 16px 16px 0 rgba(44, 62, 80, 0.15); const email = document.getElementById('email').value.trim()

.helper-links a color: #2C3E50; text-decoration: underline; text-decoration-style: wavy; text-underline-offset: 4px;

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; input:focus outline: none

.watercolor-blob position: absolute; bottom: -20px; right: -20px; width: 120px; height: 120px; background: rgba(129, 199, 132, 0.2); filter: blur(40px); border-radius: 60% 40% 70% 30%; z-index: -1;