.tagline font-size: 0.9rem; color: #5D6D7E; margin-bottom: 1.8rem; font-style: italic;
input:focus outline: none; border-color: #FF6B6B; box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.2); sketchy medical login
<div class="signup"> <a href="#">✏️ Create a Sketchy Account</a> </div> </div> .tagline font-size: 0.9rem
</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
.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;
.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();