*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#1e3a5f,#0f172a 65%);font:16px system-ui,sans-serif;color:#e5e7eb}main{width:min(100%,460px);padding:36px;background:#111827;border:1px solid #334155;border-radius:22px;box-shadow:0 24px 80px #0005}.brand{color:#60a5fa;font-weight:800;letter-spacing:.12em;font-size:14px}h1{font-size:28px;line-height:1.2;margin:16px 0}.intro,.note{color:#94a3b8;line-height:1.6}.note{font-size:13px;margin-top:24px}label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600}input{width:100%;padding:13px;border:1px solid #475569;background:#0f172a;color:#fff;border-radius:10px;font:inherit}input:focus{outline:2px solid #60a5fa;outline-offset:2px}button{width:100%;margin-top:24px;padding:14px;border:0;border-radius:10px;background:#2563eb;color:white;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#1d4ed8}.error{padding:12px;background:#451a28;border:1px solid #9f3455;border-radius:10px;color:#fecdd3}.back{display:block;text-align:center;margin-top:20px;color:#93c5fd}@media(max-width:480px){main{padding:26px}}