:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin:0; background:#f4f6f9; color:#111; }
.wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.card { width:420px; max-width:100%; background:#fff; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:22px; }
h1 { margin:0 0 14px; font-size:20px; }
label { display:block; margin:12px 0 6px; font-size:13px; color:#333; }
input { width:100%; padding:12px; border:1px solid #d7dbe3; border-radius:10px; outline:none; }
input:focus { border-color:#7aa7ff; box-shadow:0 0 0 3px rgba(122,167,255,.25); }
button { width:100%; margin-top:14px; padding:12px; border:0; border-radius:10px; background:#2563eb; color:#fff; font-weight:600; cursor:pointer; }
button:hover { filter:brightness(.95); }
.msg { margin-top:12px; padding:10px 12px; border-radius:10px; font-size:13px; background:#fee2e2; color:#7f1d1d; }