/* style.css - mobile-first responsive */
*{box-sizing:border-box;font-family:Inter, Arial, sans-serif}
body{margin:0;background:#f5f7fb;color:#111}
.container{max-width:420px;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(20,20,50,0.06)}
h1{font-size:20px;margin:0 0 12px;text-align:center}
.form-group{margin-bottom:12px}
label{display:block;font-size:13px;margin-bottom:6px}
input[type=text],input[type=email],input[type=password]{width:100%;padding:10px;border:1px solid #e3e7ef;border-radius:8px}
button{width:100%;padding:11px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}
.small{font-size:13px;text-align:center;margin-top:10px}
a.link{color:#2563eb;text-decoration:none}
.alert{padding:10px;border-radius:8px;margin-bottom:12px}
.alert-success{background:#e6fffa;color:#065f46}
.alert-error{background:#fff1f2;color:#991b1b}


/* desktop */
@media(min-width:900px){
.container{max-width:520px;margin:60px auto;padding:28px}
h1{font-size:22px}
}