:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,Arial,sans-serif;font-synthesis:none;color:#eeeef0;background:#0b0b0b;--blue:#007aff;--blue-strong:#0071e3;--muted:#a5a5ac;--line:#3a3a3e}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0b0b}
header,footer{max-width:1180px;margin:auto;padding:30px 36px;display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center}.brand img{display:block;width:130px;height:auto}
.tag,.eyebrow,.pill{font-size:10px;letter-spacing:1.7px;font-weight:650}.tag{color:#8f8f97}
main{max-width:1180px;margin:40px auto 60px;padding:0 36px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
aside{padding-top:22px}.eyebrow{color:#a5a5ad;margin-bottom:26px}
h1{font-size:clamp(38px,4.2vw,56px);line-height:1.16;letter-spacing:-2px;font-weight:650;margin:0 0 24px}
h1 .yandex{color:#fc3f1d}h1 em{font-style:normal;color:var(--blue)}
.intro{color:#adadb5;font-size:16px;line-height:1.8}.intro strong{font-weight:500;color:#e0e0e5}
.steps{padding:0;list-style:none;margin:44px 0;display:grid;gap:27px}.steps li{display:flex;gap:17px;align-items:center;color:#b0b0b8;font-size:14px}.steps b{border:1px solid var(--line);border-radius:11px;width:37px;height:37px;display:grid;place-items:center;font-size:12px;font-weight:500;background:#202022}.steps small{display:block;margin-top:5px;font-size:12px;color:#919199}.steps .active{color:#f4f4f5}.steps .active b{background:var(--blue-strong);border-color:var(--blue-strong);color:white}
.note{font-size:12px;color:#96969f;line-height:1.8;border-top:1px solid #303033;padding-top:22px;max-width:360px}
.card{background:#202022;border:1px solid #38383b;border-radius:18px;padding:32px;box-shadow:0 20px 65px #0005;min-height:490px}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.pill{color:#d0d0d7;background:#303033;padding:7px 10px;border:1px solid #3b3b40;border-radius:7px;font-size:9px;letter-spacing:1.2px}.muted,.live{font-size:11px;color:#a0a0a9}.live{color:#73adff}
h2{font-size:25px;font-weight:600;letter-spacing:-.6px;line-height:1.3;margin:0 0 10px}.sub{font-size:13px;color:#adadb5;line-height:1.7;margin:0 0 23px}
details{background:#29292c;border:1px solid #3b3b3e;border-radius:11px;padding:15px;margin-bottom:24px;font-size:12px;line-height:1.75;color:#bcbcc3}summary{cursor:pointer;font-weight:600;color:#e0e0e5}details ol{padding-left:19px}details li{padding:4px 0}a{color:#73adff;text-underline-offset:3px}.help{font-size:11px}
label{display:block;font-size:12px;font-weight:550;margin:19px 0 9px;color:#dedee3}input:not([type=checkbox]){width:100%;background:#18181a;border:1px solid #414146;border-radius:9px;font-size:14px;padding:13px 14px;color:#f0f0f3;outline:none;min-width:0}input::placeholder{color:#909098;opacity:1}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #007aff25}input[type=checkbox]{accent-color:var(--blue)}
.email-field{display:flex;border:1px solid #414146;border-radius:9px;overflow:hidden;align-items:center;background:#18181a}.email-field input{border:none;border-radius:0}.email-field span{white-space:nowrap;padding:14px 13px;background:#303033;color:#bcbcc5;font-size:12px}.email-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #007aff25}
.hint,.fine{font-size:11px;color:#a0a0a9;line-height:1.65}.fine{font-size:10px;margin-bottom:0;text-align:center}
button,.button{border:none;border-radius:10px;background:var(--blue-strong);color:#fff;padding:15px 18px;font-size:13px;font-weight:600;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;text-decoration:none;margin-top:23px;transition:background .15s ease}button:hover,.button:hover{background:#1685ee}button:disabled{opacity:.55;cursor:wait}button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #73adff;outline-offset:4px}
.text-btn{background:none;color:#73adff;padding:0;margin:0;width:auto;font-size:12px}.text-btn:hover{background:none;color:#a2caff}.password-tools{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.check{margin:0;font-size:12px;display:flex;gap:7px;align-items:center;font-weight:400}
.symbol{font-size:54px;color:#57a2ff;background:#007aff16;border:1px solid #007aff35;width:94px;height:94px;display:grid;place-items:center;border-radius:24px;margin:26px 0}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin:35px 0 12px;color:#c5c5ce}progress{width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;accent-color:var(--blue)}progress::-webkit-progress-bar{background:#36363b}progress::-webkit-progress-value{background:var(--blue);transition:width .4s}progress::-moz-progress-bar{background:var(--blue)}
.soft-box{background:#2a2a2d;border:1px solid #3a3a3e;padding:17px;border-radius:10px;color:#b8b8c0;font-size:12px;line-height:1.8;margin-top:30px}.error{background:#341c1b;color:#ffaca0;border:1px solid #77352c;border-radius:9px;padding:14px;margin-top:20px;font-size:12px;line-height:1.6}#retry{margin-top:15px}#success h2{margin-top:20px}footer{border-top:1px solid #29292d;color:#92929b;font-size:10px;letter-spacing:.5px}[hidden]{display:none!important}
.manual-settings{margin-top:25px;text-align:left}.manual-settings table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}.manual-settings th,.manual-settings td{padding:8px 0;border-bottom:1px solid #424246;text-align:left;font-weight:400}.manual-settings td{text-align:right;color:#e0e0e7}.copy-row{display:flex;gap:10px;align-items:center}.copy-row input{flex:1}.manual-settings input[readonly]{background:#202022}.manual-settings .text-btn{font-size:11px}.manual-settings .check{font-size:11px}
::selection{background:#0056b0;color:#fff}
@media(max-width:850px){main{gap:35px;padding:0 24px;margin-top:15px}header,footer{padding:24px}h1{font-size:39px}.card{padding:24px}}
@media(max-width:650px){main{grid-template-columns:1fr;gap:24px}.steps,.note{display:none}aside{padding-top:0}h1{font-size:40px}.intro{font-size:14px}.eyebrow{font-size:9px;margin-bottom:16px}.tag{font-size:8px}.brand img{width:114px}.card{min-height:0}footer{margin-top:10px}.card-top{margin-bottom:24px}}