.onboarding-page{max-width:1120px;margin:0 auto;padding:6px 0 30px;color:#1e2c47}
.onboarding-intro{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:30px;align-items:center;background:linear-gradient(115deg,#fff 0%,#f1f6ff 100%);border:1px solid #dce6f6;border-radius:23px;padding:32px;margin-bottom:20px}
.onboarding-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#3868cf}
.onboarding-intro h1{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:11px 0 12px;color:#192943}
.onboarding-intro p{font-size:15px;line-height:1.65;color:#65748a;max-width:680px;margin:0}
.onboarding-intro-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;font-size:13px}
.onboarding-overall{padding:21px;border:1px solid #e3eaf7;border-radius:17px;background:#fff;display:grid;gap:5px}
.onboarding-overall strong{font-size:32px;color:#234cc0;font-variant-numeric:tabular-nums}
.onboarding-overall>span{font-size:12px;color:#71809a}
.onboarding-progress{height:8px;background:#e8eef8;overflow:hidden;border-radius:30px;margin-top:10px}
.onboarding-progress>span{display:block;height:100%;background:#2457d6;border-radius:30px;transition:width .25s}
.onboarding-step-list{display:grid;gap:12px}
.onboarding-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;padding:22px 24px;background:#fff;border:1px solid #e0e8f4;border-radius:17px;box-shadow:0 7px 25px rgba(35,59,97,.03);scroll-margin-top:90px}
.onboarding-step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#eaf1ff;color:#2457d6;font-weight:800;font-size:17px}
.onboarding-step.done .onboarding-step-number{background:#e8f6ee;color:#247a4b}
.onboarding-step-content{min-width:0}.onboarding-step-heading{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center}
.onboarding-step h2{margin:4px 0;font-size:18px}.onboarding-step-status{color:#9c6a26;font-size:12px;font-weight:700}
.onboarding-step.done .onboarding-step-status{color:#2c8557}.onboarding-step p{color:#64748a;font-size:14px;line-height:1.5;margin:7px 0 11px}
.onboarding-example{color:#58677e;background:#f5f8fd;border:1px solid #edf1f8;padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.5}
.onboarding-step-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 17px;margin-top:14px}
.onboarding-help-link,.onboarding-next,.onboarding-back{font-size:13px;text-decoration:none}
.onboarding-prerequisites,.onboarding-complete,.onboarding-outro{border:1px solid #e0e9f6;border-radius:16px;padding:22px;background:#fff;margin-bottom:18px}
.onboarding-prerequisites p,.onboarding-complete p,.onboarding-outro p{margin:6px 0 10px;color:#63758d;font-size:14px}
.onboarding-prerequisites-links{display:flex;flex-wrap:wrap;gap:10px}.onboarding-outro{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.onboarding-reminder{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;background:#f3f7ff;border:1px solid #d9e5ff;border-radius:17px;padding:20px 23px}
.onboarding-reminder>div:first-child{flex:1;min-width:0;max-width:640px}.onboarding-reminder strong{display:block;margin:6px 0;font-size:17px}.onboarding-reminder p{font-size:13px;color:#61718c;margin:0 0 8px}
.onboarding-reminder-actions{display:flex;gap:8px;flex-wrap:wrap}.onboarding-side-link{font-size:12px!important}
.onboarding-highlight{outline:3px solid #3970e8!important;outline-offset:5px;box-shadow:0 0 0 9px rgba(52,104,231,.09)!important;border-radius:11px;position:relative;z-index:2}
.onboarding-tour{position:fixed;z-index:70;right:22px;bottom:24px;width:min(390px,calc(100vw - 24px));display:grid;gap:14px;padding:18px;border:1px solid #c4d7ff;border-radius:17px;background:#fff;box-shadow:0 15px 46px rgba(20,44,90,.18)}
.onboarding-tour[hidden]{display:none!important}.onboarding-tour-info{display:grid;gap:5px}.onboarding-tour-info strong{font-size:15px}.onboarding-tour-info span{font-size:13px;color:#60718a;line-height:1.55}.onboarding-tour-buttons{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:740px){.onboarding-intro{grid-template-columns:1fr;padding:22px}.onboarding-overall{padding:14px}.onboarding-step{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:16px}.onboarding-step-number{width:31px;height:31px;border-radius:10px}.onboarding-outro,.onboarding-reminder{align-items:stretch;flex-direction:column}.onboarding-tour{bottom:calc(80px + env(safe-area-inset-bottom));right:12px}}
@media(max-width:740px){
 .onboarding-intro{gap:13px;padding:17px 17px 15px}
 .onboarding-intro h1{margin:7px 0 9px;font-size:24px}
 .onboarding-intro p{font-size:13px;line-height:1.48}
 .onboarding-intro-links{margin-top:10px;font-size:12px;gap:7px}
 .onboarding-overall{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 13px}
 .onboarding-overall strong{font-size:23px}
 .onboarding-overall>span{font-size:11px;white-space:nowrap}
 .onboarding-overall .onboarding-progress{flex:1 1 80px;margin:0}
}