:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#11203f;background:#f4f6ff}*{box-sizing:border-box}body{margin:0;min-width:0}header{min-height:76px;background:#fff;border-bottom:1px solid #dfe4f2;display:flex;align-items:center;gap:12px;padding:12px max(24px,calc((100% - 920px)/2));color:#64708a}.preview-brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;color:#11203f}.preview-brand strong{font-size:20px}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3264e8,#7145df);color:#fff;font-size:24px}.mock-badge{font-size:12px;font-weight:800;background:#f0edff;color:#5d42c9;padding:7px 10px;border-radius:99px;text-align:center}nav{display:flex;gap:7px;justify-content:center;padding:14px 18px;background:#fff;border-bottom:1px solid #e7eaf3;overflow-x:auto}nav button{white-space:nowrap;padding:9px 13px;background:transparent;color:#65718a;border:0;border-radius:9px;font-weight:750;cursor:pointer}nav button.active{background:#edf1ff;color:#315ed3}main{padding:32px 20px 48px}.preview-intro{max-width:720px;margin:0 auto 24px}.preview-intro h1{font-size:clamp(32px,5vw,48px);line-height:1.08;margin:7px 0 10px}.preview-intro>p:last-child{color:#64708a;line-height:1.6}.card{max-width:720px;margin:auto;background:#fff;border:1px solid #e1e6f2;border-radius:26px;padding:46px;box-shadow:0 22px 60px #22346618}.screen{display:none}.screen.active{display:block}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.14em;color:#315fd5;margin:14px 0 8px}h2{font-size:38px;line-height:1.12;margin:8px 0 14px;letter-spacing:-.025em}.intro,.card>p{color:#64708a;line-height:1.65}.icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-size:31px;font-weight:800}.success,.ready-icon{background:#e0f8ef;color:#07865c}.warning{background:#fff0db;color:#b45f00}.warning-text{color:#a85c00}.status{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe4ee;border-radius:14px;margin:28px 0}.status div{padding:18px}.status div+div{border-left:1px solid #dfe4ee}small{display:block;color:#66718a;font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:6px}.good{color:#087a58}label{display:block;font-weight:750;margin:24px 0 16px}input[type=password]{display:block;width:100%;margin-top:9px;border:1px solid #bfc9dc;border-radius:12px;padding:15px;color:#71809b;background:#f7f8fc;font-size:16px}.primary{width:100%;border:0;border-radius:12px;padding:15px 20px;font-weight:850;background:linear-gradient(90deg,#3264e8,#6848df);color:#fff;font-size:16px;cursor:pointer}.summary{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;background:#f7f9ff;border:1px solid #e0e5f2;border-radius:14px;padding:18px;margin:25px 0}.summary span{color:#66718a}.summary strong{text-align:right;overflow-wrap:anywhere}.confirm{display:flex;gap:10px;align-items:flex-start;line-height:1.45;font-weight:650}.confirm input{margin-top:4px}.steps{list-style:none;padding:0;margin:28px 0 0;border:1px solid #e0e5ef;border-radius:15px;overflow:hidden}.steps li{display:flex;justify-content:space-between;gap:16px;padding:17px 19px;border-top:1px solid #e7eaf1;color:#66718a}.steps li:first-child{border-top:0}.steps li span{font-size:13px}.steps .done{color:#087a58}.steps .current{font-weight:800;color:#315ed3;background:#f2f5ff}.spinner{width:58px;height:58px;border:6px solid #e3e7f4;border-top-color:#4d54dc;border-radius:50%}.help,.token-tip{background:#fff8eb;border:1px solid #f1dcb6;border-radius:14px;padding:17px;margin:18px 0 24px;color:#715f46;line-height:1.55}.help p{margin:6px 0 0}.note{text-align:center;font-size:13px;margin-top:18px}.preview-footer{max-width:720px;margin:18px auto 0;display:flex;justify-content:space-between;gap:16px}.preview-footer a{color:#315ed3;font-weight:800;text-decoration:none}@media(max-width:600px){header{min-height:64px;padding:10px 16px;flex-wrap:wrap}.mock-badge{font-size:10px;padding:6px 8px}nav{justify-content:flex-start;padding:10px 12px}nav button{padding:9px 11px}main{padding:24px 12px}.preview-intro{padding:0 6px}.card{padding:27px 21px;border-radius:20px}h2{font-size:30px}.status{grid-template-columns:1fr}.status div+div{border-left:0;border-top:1px solid #dfe4ee}.summary{grid-template-columns:1fr;gap:5px}.summary strong{text-align:left;margin-bottom:8px}.steps li{padding:15px 14px}.steps li span{text-align:right}.preview-footer{padding:0 8px;flex-direction:column}}