:root{--bg:#fff;--surface:#eef2fb;--ink:#10131c;--muted:#4f5668;--action:#1747d0;--action-pressed:#1f3f8f;--line-strong:#7d8597;--warning:#8a4b12}
body{margin:0;background:var(--surface);color:var(--ink);font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;font-size:17px}
main{max-width:380px;margin:12vh auto 0;background:var(--bg);border-radius:24px;padding:32px;display:grid;gap:16px}
main img{display:block;margin-left:-8px}
h1{font-family:"Manrope","Segoe UI",system-ui,sans-serif;font-size:24px;margin:0}
form{display:grid;gap:8px}
input{font:inherit;padding:12px;border:1px solid var(--line-strong);border-radius:12px}
input:focus{outline:3px solid rgba(23,71,208,.25);border-color:var(--action)}
button{font:inherit;font-weight:600;font-size:15px;background:var(--action);color:#fff;border:0;border-radius:16px;padding:14px;margin-top:8px;cursor:pointer}
button:hover{background:var(--action-pressed)}
.msg{color:var(--warning);margin:0;font-size:15px}
@media (max-width:420px){main{margin:16px;padding:24px}}