[hidden]{display:none!important}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:#111317;color:#15171c;display:flex}
.wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(1200px 600px at 20% -10%,#2a2f3a 0,transparent 60%)}
.card{background:#fff;border-radius:14px;padding:30px 28px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.brand{display:flex;flex-direction:column;line-height:1;font-weight:800;letter-spacing:.5px}
.brand .a{font-size:26px;color:#111317}
.brand .b{font-size:13px;color:#e0a800;letter-spacing:2px;margin-top:3px}
h1{font-size:18px;margin:6px 0 0}
.sub{margin:-6px 0 4px;color:#6b7280;font-size:13.5px}
label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#4b5563}
input{font:inherit;font-size:15px;border:1px solid #d7dae0;border-radius:8px;padding:10px 12px;outline:none;color:#15171c}
input:focus{border-color:#1d2b5c;box-shadow:0 0 0 3px rgba(29,43,92,.14)}
.check{flex-direction:row;align-items:center;gap:8px;font-size:13px}
.check input{width:16px;height:16px}
button{font:inherit;font-weight:600;font-size:15px;border:0;border-radius:9px;padding:11px;background:#f2b705;color:#111;cursor:pointer}
button:hover{background:#d99f00}
button:disabled{opacity:.6;cursor:default}
.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:8px 10px;font-size:13px}