:root { --ink:#17202a; --muted:#5c6773; --line:#d8dee4; --accent:#0b6b57; --bg:#f7f9fb; --danger:#a33d2d; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; font-family:"Segoe UI",Arial,sans-serif; color:var(--ink); background:var(--bg); }
main { width:min(420px, calc(100vw - 32px)); background:#fff; border:1px solid var(--line); border-radius:8px; padding:28px; }
h1 { margin:0 0 18px; font-size:24px; }
label { display:block; margin:14px 0 6px; font-size:13px; color:var(--muted); }
input { width:100%; height:42px; border:1px solid var(--line); border-radius:6px; padding:0 12px; font-size:15px; }
button { width:100%; height:42px; margin-top:18px; border:0; border-radius:6px; background:var(--accent); color:#fff; font-size:15px; font-weight:700; cursor:pointer; }
button:disabled { opacity:.6; cursor:not-allowed; }
.error { min-height:20px; margin-top:12px; color:var(--danger); font-size:13px; }