:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#07121b;color:#eaf6f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 10%,#12313a 0,transparent 32%),#07121b;min-height:100vh}header{height:70px;padding:0 max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203945;color:#8db5b8;font-size:12px;letter-spacing:2px}header a{color:#fff;text-decoration:none;font-weight:900;letter-spacing:5px;font-size:18px}main{max-width:1080px;margin:auto;padding:54px 24px 80px}.intro{max-width:780px}.intro small{color:#63d2c2;letter-spacing:2px}.intro h1{font-size:clamp(34px,6vw,58px);line-height:1.05;margin:12px 0}.intro p,.card p,.card li{color:#a9c4c6;line-height:1.65}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.steps li{display:flex;gap:12px;padding:16px;background:#0e202b;border:1px solid #29444d;border-radius:14px}.steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#63d2c2;color:#07121b}.steps span{display:flex;flex-direction:column;gap:5px}.steps small{color:#8eadb0;line-height:1.35}.card{background:#10232e;border:1px solid #31545b;border-radius:18px;padding:28px;margin:18px 0}.card h2{margin-top:0}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:7px;font-weight:700}label span{font-size:12px;color:#8fb0b3;font-weight:400}input{width:100%;border:1px solid #3d626a;border-radius:10px;background:#07121b;color:#fff;padding:14px;font-size:16px}.confirm{grid-column:1/-1;display:flex;align-items:center;font-weight:400;color:#b8d0d2}.confirm input{width:18px;height:18px}.action-wrap{grid-column:1/-1;position:relative}button,.secondary{border:0;border-radius:10px;background:#63d2c2;color:#061217;font-weight:800;padding:14px 18px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}.action-wrap>button{width:100%}.hint{position:absolute;z-index:4;left:50%;bottom:calc(100% + 10px);width:min(520px,92vw);padding:15px;transform:translate(-50%,8px);background:#051018;border:1px solid #63d2c2;border-radius:12px;color:#c8e0e1;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .15s 1.1s,transform .15s 1.1s,visibility 0s 1.25s;box-shadow:0 16px 45px #0009;pointer-events:none}.action-wrap:hover .hint,.action-wrap:focus-within .hint{opacity:1;visibility:visible;transform:translate(-50%,0)}.safeguards ul{padding-left:22px}.secondary{margin-top:10px;background:#203c49;color:#eaf6f5}dialog{max-width:720px;border:1px solid #4e8589;border-radius:18px;background:#122b38;color:#efffff;padding:26px;box-shadow:0 24px 80px #000b;grid-template-columns:auto 1fr auto;gap:20px;align-items:start}dialog[open]{display:grid}dialog::backdrop{background:#02080dcc}.resultIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#63d2c2;color:#061217;font-size:26px;font-weight:900}.resultIcon.error{background:#ff6b72;color:#fff}dialog h2{margin:2px 0 8px}dialog p{color:#b8d0d2;line-height:1.55}dialog button{padding:10px 16px}@media(max-width:760px){.steps{grid-template-columns:1fr 1fr}form{grid-template-columns:1fr}dialog[open]{grid-template-columns:auto 1fr}dialog button{grid-column:1/-1}}@media(max-width:480px){.steps{grid-template-columns:1fr}.intro h1{font-size:38px}}
