.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;
<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> 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; .sketch-card background: #FFFEF7
input:focus outline: none; border-color: #FF6B6B; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.2); border: 3px solid #2C3E50