:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#07111f;color:#f7fbff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#173d58 0,transparent 38%),#07111f}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,500px);padding:42px;border:1px solid #31526b;border-radius:24px;background:rgba(8,24,38,.94);box-shadow:0 24px 70px #0009}.brand{color:#52e4c4;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.step{display:flex;justify-content:space-between;gap:16px;margin:22px 0 8px;padding:10px 12px;border-radius:10px;background:#10283a;color:#d5e6ef;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.step span{color:#7ea2b7}h1{font-size:2.3rem;margin:.65rem 0 1rem;line-height:1.05}p{color:#bdd0de;line-height:1.55}p span{color:#86a5b9}.error{padding:12px 14px;border-radius:10px;background:#5d2027;color:#ffe6e8}label{display:grid;gap:7px;margin:18px 0;color:#dce9f1;font-size:.92rem}input{width:100%;border:1px solid #41647c;border-radius:11px;background:#0c1d2c;color:#fff;padding:13px 14px;font:inherit}input:focus{outline:2px solid #52e4c4;outline-offset:2px}button{width:100%;border:0;border-radius:11px;margin-top:8px;padding:14px;background:#52e4c4;color:#06221c;font:inherit;font-weight:800;cursor:pointer}.separation{margin:24px 0 0;padding-top:20px;border-top:1px solid #28485d;font-size:.82rem}