*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,Segoe UI,sans-serif;background:#07101f;color:#e9f5ff}body{display:grid;place-items:center;min-height:100vh;padding:24px;background-image:radial-gradient(ellipse at 15% 10%,#183959 0%,transparent 48%),radial-gradient(ellipse at 85% 90%,#142c39 0%,transparent 42%)}.box{width:100%;max-width:430px;background:#0e1c2e;border:1px solid #294759;box-shadow:0 24px 70px #0006;border-radius:18px;padding:38px 36px 30px}.badge{font-size:11px;font-weight:800;letter-spacing:2px;color:#80dbea}.emblem{margin:28px 0 8px;font-size:62px;line-height:1;font-weight:900;letter-spacing:-6px;color:#f6c96e}h1{font-size:30px;margin:12px 0 0;letter-spacing:1px}.sub{font-size:14px;color:#9bb5c7;margin:8px 0 34px}label{display:block;font-size:12px;font-weight:800;color:#b5ccdb;margin-bottom:11px;text-transform:uppercase;letter-spacing:.9px}input{width:100%;height:52px;background:#071625;border:1px solid #3d657e;border-radius:8px;color:white;font-size:17px;padding:0 14px}input:focus{outline:2px solid #84d2e6;outline-offset:1px}button{width:100%;margin-top:18px;border:0;border-radius:8px;background:#f6c96e;color:#102537;font-weight:900;letter-spacing:.5px;height:50px;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:2px}button:hover{background:#ffe2a5}button:disabled{opacity:.55;cursor:wait}.error{color:#ffd2c6;background:#582e36;padding:12px;border-radius:6px;font-size:13px}.hint{text-align:center;color:#7894aa;font-size:12px;margin:32px 0 0}@media(max-width:480px){.box{padding:30px 22px}}