*{box-sizing:border-box}body{margin:0;background:#0b101a;color:#eaf1ff;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(20px,calc((100vw - 960px)/2));background:#111b2b;border-bottom:1px solid #26364c;font-size:13px;color:#9fb3cf}.brand{display:flex;align-items:center;gap:9px;color:white;font-size:19px}.brand em{font-style:normal;color:#ff526c}.mark{background:#ff526c;border-radius:9px;padding:3px 9px;font-size:23px}main{max-width:660px;margin:38px auto;padding:0 16px}.card{background:#121d2e;border:1px solid #2c3d55;border-radius:22px;padding:clamp(22px,5vw,38px);box-shadow:0 16px 55px #0003}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#85a9f6}h1{font-size:clamp(25px,5vw,33px);line-height:1.2;margin:13px 0}p{line-height:1.55;color:#afc0d7}label{display:block;font-size:14px;font-weight:700;margin:17px 0 7px}input{display:block;width:100%;background:#0c1421;border:1px solid #40516c;color:white;border-radius:12px;padding:15px;font-size:16px}input:focus,button:focus-visible{outline:3px solid #84a9ff;outline-offset:2px}button{font:inherit;font-weight:750;border-radius:12px;border:0;padding:14px 18px;cursor:pointer}.primary{background:#3169e7;color:#fff}.secondary{background:#263650;color:#fff}form button{margin-top:22px;width:100%}button:disabled{opacity:.6;cursor:wait}.between{display:flex;align-items:start;justify-content:space-between;gap:10px}.badge{font-size:12px;background:#263a58;border-radius:30px;padding:8px;white-space:nowrap}.timeline{margin:25px 0;border-left:2px solid #334b70;padding-left:18px}.step{padding:8px 0;color:#8596b1}.step.done{color:#9bd4b3}.step.current{color:#fff;font-weight:800}.step small{display:block;color:#8ea4c1;font-weight:400}.pinbox{text-align:center;border:1px solid #4b74c8;background:#172d52;border-radius:18px;padding:22px 12px;margin:18px 0}.digits{font-size:clamp(35px,9vw,56px);font-weight:850;letter-spacing:.24em;color:#fff;font-variant-numeric:tabular-nums;margin:12px 0}.pinbox p{font-size:14px;margin:0}.info,.notice{border-radius:12px;padding:14px;background:#1d2c41;margin:12px 0}.notice{border:1px solid #ba7a46;color:#f5d4a6}.muted{font-size:13px;color:#8ca0bd}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{flex:1}footer{text-align:center;padding:26px;color:#7d92ae;font-size:12px}@media(max-width:420px){header{padding:16px}.brand{font-size:16px}.actions{flex-direction:column}}