:root{--blue:#315de0;--muted:#64748b;--border:#e2e8f0;background:#f5f7fb;color:#202c42}
body{min-width:320px}main{max-width:1360px;padding:34px 44px 48px}header{margin-bottom:32px}aside{width:220px}nav{margin-top:44px}nav button{font-size:13px;padding:13px 16px}nav button:last-child{margin-top:16px;border-top:1px solid #edf0f6;border-radius:0 0 8px 8px}.account{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.4px}.primary,.outline,.quiet{font-size:13px;line-height:1.4;min-height:40px}.primary{box-shadow:0 2px 3px #315de012}.outline{background:#fff;color:var(--blue);border-color:#cbd7fa}.guide-intro{margin:0 0 24px;padding:4px 0}.guide-intro .pill{font-size:11px;letter-spacing:.2px;background:#e8eefc;color:#4764a1}.guide-intro h2{font-size:29px;letter-spacing:-.8px;margin:15px 0 10px;line-height:1.35}.guide-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.guide-gate{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf2ff;border:1px solid #d9e3ff;border-radius:12px;padding:18px 22px;margin-bottom:18px}.guide-gate strong{font-size:14px}.guide-gate p{margin:5px 0 0;font-size:12px;color:#62769d;line-height:1.7}.service-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 16px;border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:24px;background:#fff}.service-strip>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.service-strip strong{font-size:14px}.service-strip p{font-size:11px;color:var(--muted);margin:0;width:100%;line-height:1.6}.service-strip .text-button{padding:0}.status{font-size:11px;background:#e7f5ee;color:#24734f}.connection-steps{position:relative}.guide-step{display:flex;gap:18px;padding:24px 26px;margin-bottom:16px;border-radius:14px;box-shadow:0 3px 10px #1e3a5f03}.step-number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:#edf1fa;color:#66789d;font-size:16px;font-weight:700;margin-top:1px}.step-content{min-width:0;flex:1}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.step-heading .label{font-size:11px;color:#78859a}.guide-step h3{margin:7px 0 10px;font-size:19px;letter-spacing:-.3px;line-height:1.4}.step-tag{flex-shrink:0;font-size:10px;letter-spacing:.5px;color:#8390a5;border:1px solid #e6ebf3;padding:5px 8px;border-radius:5px}.guide-step p{font-size:12px;line-height:1.9;margin:5px 0 14px;color:#68778c}.guide-step p strong{color:#3e4d65;font-weight:600}.step-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0 2px}.inline-feedback{font-size:11px;color:#27845e}.guide-step details{margin-top:17px}.guide-step summary{font-size:11px;color:#63799d;cursor:pointer;line-height:1.8;width:fit-content}.guide-step details[open] summary{margin-bottom:13px}.config-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.config-fields label{font-size:11px;color:var(--muted);display:block;min-width:0}.config-fields input{display:block;width:100%;margin-top:6px;font-size:11px;padding:10px}.account-step{border-color:#b8c9f7;box-shadow:0 5px 20px #315de008}.account-step .step-number{background:var(--blue);color:#fff}.account-step .step-tag{color:var(--blue);background:#f1f5ff;border-color:#e4ebff}.why-login{max-width:760px}.credential-account{max-width:560px;margin-top:18px}.credential-account label,.login-credential label{font-size:12px;font-weight:600;color:#4c5e7b;display:block;margin-bottom:9px}.credential-account label span{font-size:10px;font-weight:400;margin-left:8px;color:#8390a4}.copy-field{display:flex;gap:8px;align-items:stretch}.copy-field input{width:0;flex:1;font:600 16px/1.4 Consolas,"Segoe UI",monospace;letter-spacing:1px;background:#f7f9fd;color:#2e446c;padding:10px 13px;min-height:42px}.copy-field button{flex-shrink:0}.copy-field .quiet{font-size:12px;color:#536c9d;background:#fff}.credential-hint{font-size:11px;color:#7a88a0}.login-credential{max-width:650px;padding:17px;background:#f0f5ff;border:1px solid #dbe5ff;border-radius:10px;margin-top:15px}.login-credential .copy-field input{background:white;letter-spacing:1.4px}.login-credential p{font-size:10px;color:#6278a1;margin:10px 0 0;line-height:1.8}.login-credential p.expired{color:#b54747}.guide-step p.account-explainer{font-size:11px;color:#7c889b;margin-top:15px;margin-bottom:10px;max-width:720px}.device-allowance{font-size:11px;color:#71819c;border-top:1px solid #edf1f8;padding-top:12px;line-height:1.8}.device-allowance .text-button{font-size:11px;padding:0 0 0 12px}.password-distinction{display:grid;grid-template-columns:max-content 1fr;gap:7px 18px;padding:13px 16px;background:#f7f9fc;border-radius:8px;font-size:11px;color:#7a879c;width:fit-content}.password-distinction span:nth-child(odd){font-weight:600;color:#536783}.guide-step p.step-footnote{font-size:11px;color:#8590a1;margin:12px 0 0}.redeem-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.redeem-card h3{font-size:16px;margin:10px 0 5px}.redeem-card p{margin:0}.redeem-card .inline-form{width:45%;margin:0}.launcher-card{padding:28px}.launcher-card h2{font-size:23px}.download-link{display:inline-block;text-decoration:none;margin-right:10px}.launcher-card .footnote{text-align:left;margin-top:16px}.grid.four{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.plan{max-width:320px}.plan .price{margin:20px 0 10px}#pay-dialog{width:410px;padding:32px;max-width:calc(100vw - 32px)}#pay-dialog.is-success{border-color:#cce9db;padding:36px 32px 22px}.payment-success{text-align:center}.success-check{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;font-size:38px;background:#e8f7ef;color:#239665;box-shadow:0 0 0 9px #f3fbf6;margin:8px auto 24px}.payment-success p.success-eyebrow{color:#278759;font-size:11px;letter-spacing:2px;margin:0 0 8px}.payment-success h2{font-size:27px;margin:0 0 11px;color:#234d3d}.payment-success p{font-size:12px;line-height:1.8}.success-expiry{background:#f1f9f5;border:1px solid #e2f1e8;border-radius:10px;padding:14px;margin:22px 0 16px}.success-expiry span{display:block;font-size:11px;color:#718e7f;margin-bottom:7px}.success-expiry strong{font-size:16px;color:#285a43}.payment-success p.close-countdown{font-size:11px;color:#91a398;margin:12px 0 0}.payment-success .primary{background:#278960}.lead{font-size:13px}#toast{z-index:30}
@media(max-width:1100px){aside{width:190px}main{margin-left:190px;padding:28px}.guide-step{padding:22px}.step-tag{display:none}.redeem-card{display:block}.redeem-card .inline-form{width:100%;margin-top:15px}}
@media(max-width:700px){aside{width:auto;padding:16px 18px}nav{margin-top:17px;gap:5px}nav button{padding:10px 11px;font-size:12px}nav button:last-child{margin-top:0;border-top:0;border-left:1px solid #edf0f6;border-radius:0;padding-left:14px}main{margin:0;padding:20px 16px 32px}header{margin-bottom:25px}.eyebrow{font-size:9px}.account{flex-wrap:wrap;font-size:11px}.guide-intro{margin-bottom:20px}.guide-intro h2{font-size:25px;max-width:310px;line-height:1.45}.guide-intro p{font-size:12px}.guide-gate{padding:17px;align-items:start;flex-direction:column;gap:12px}.guide-gate .primary{width:100%}.service-strip{padding:15px}.service-strip>div{gap:9px}.service-strip strong{font-size:13px}.service-strip .label{display:none}.service-strip>.text-button{font-size:11px}.guide-step{gap:11px;padding:19px 15px;border-radius:12px}.step-number{width:26px;height:26px;border-radius:8px;font-size:13px}.guide-step h3{font-size:17px}.step-heading .label{font-size:10px;line-height:1.7}.guide-step p{font-size:12px}.config-fields{grid-template-columns:1fr}.credential-account label span{display:block;margin:5px 0 0}.credential-account{margin-top:15px}.copy-field{gap:6px}.copy-field input{font-size:13px;letter-spacing:.6px;padding:10px}.copy-field button{padding:9px 11px;font-size:11px;min-height:40px}.login-credential{padding:12px;margin-left:-3px;margin-right:-3px}.login-credential .copy-field{flex-wrap:wrap}.login-credential .copy-field input{flex-basis:calc(100% - 60px)}.login-credential #access-copy-password{width:100%}.credential-hint{font-size:10px}.device-allowance .text-button{display:block;padding-left:0;margin-top:5px}.password-distinction{grid-template-columns:1fr;gap:4px;padding:12px;width:100%}.password-distinction span:nth-child(3){margin-top:8px}.guide-step p.account-explainer{font-size:11px}.grid.four{grid-template-columns:1fr;gap:14px}.plan{max-width:none}.redeem-card{padding:20px}.redeem-card .inline-form{flex-wrap:wrap}.redeem-card input{width:100%}.redeem-card .primary{width:100%}.launcher-card .outline,.launcher-card .download-link{width:100%;margin:10px 0 0;text-align:center}#pay-dialog.is-success{padding:32px 22px 20px}.success-expiry strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.guide-intro h2 span{display:inline-block}