Sketchy Medical Login -

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;

.helper-links display: flex; justify-content: space-between; margin: 1.2rem 0 1rem; font-size: 0.8rem; sketchy medical login

input:focus outline: none; border-color: #FF6B6B; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.2); h1 font-family: 'Permanent Marker'

<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> border-left: 8px solid #FF6B6B

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

.sketch-card background: #FFFEF7; border: 3px solid #2C3E50; border-radius: 32px; box-shadow: 12px 12px 0 rgba(44, 62, 80, 0.1); width: 100%; max-width: 420px; padding: 2rem; transition: transform 0.2s ease; position: relative;