.onboarding-overlay{position:fixed;inset:0;z-index:1600;background:rgba(5,30,18,.68);display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.onboarding-overlay.hidden{display:none}.onboarding-shell{width:min(1040px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 28px 80px rgba(3,35,18,.3)}.onboarding-head{display:flex;justify-content:space-between;gap:24px;padding:26px 28px 20px;border-bottom:1px solid #e2ebe5}.onboarding-head span,.onboarding-detail>small,.onboarding-resume-card span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#168a49}.onboarding-head h2{margin:5px 0 7px;font-size:28px;color:#153b28}.onboarding-head p{margin:0;color:#66786d}.onboarding-close{width:42px;height:42px;border-radius:50%;background:#edf5ef;color:#1c5b37;font-size:26px}.onboarding-progress{display:flex;align-items:center;gap:16px;padding:15px 28px;background:#f7fbf8}.onboarding-progress>div{height:9px;background:#e1ebe4;border-radius:99px;overflow:hidden;flex:1}.onboarding-progress span{display:block;height:100%;background:linear-gradient(90deg,#147a43,#72bd68);border-radius:inherit}.onboarding-progress b{font-size:12px;color:#42614f;white-space:nowrap}.onboarding-layout{display:grid;grid-template-columns:330px 1fr;min-height:480px}.onboarding-steps{padding:18px;border-right:1px solid #e5ede7;background:#fbfdfb;display:grid;gap:7px;align-content:start}.onboarding-step{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;text-align:left;padding:12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#324d3c}.onboarding-step i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf3ef;font-style:normal;font-weight:900}.onboarding-step b,.onboarding-step small{display:block}.onboarding-step small{color:#79887f;margin-top:3px}.onboarding-step.active{background:#eef9f2;border-color:#9dd0af}.onboarding-step.active i{background:#168a49;color:#fff}.onboarding-step.done i{background:#dcfce7;color:#166534}.onboarding-detail{padding:38px;display:flex;flex-direction:column;align-items:flex-start}.onboarding-detail-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#eaf7ef;color:#12683b;font-size:32px;margin-bottom:20px}.onboarding-detail h3{font-size:27px;margin:6px 0 10px;color:#163c29}.onboarding-detail>p{font-size:16px;line-height:1.65;color:#5e7065;max-width:610px}.onboarding-success,.onboarding-note{width:100%;margin-top:18px;padding:14px 16px;border-radius:13px}.onboarding-success{background:#ecf9f1;color:#12683b;border:1px solid #b9e1c7}.onboarding-note{background:#f4f8f5;color:#52665a;border:1px solid #e0e9e3}.onboarding-detail-actions{margin-top:auto;padding-top:32px;width:100%;display:flex;justify-content:space-between;gap:12px}.onboarding-detail-actions>div{display:flex;gap:10px}.onboarding-resume-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;margin-bottom:18px;background:linear-gradient(135deg,#f0fbf4,#fffbea);border:1px solid #cfe6d6;border-radius:18px;box-shadow:0 8px 22px rgba(20,70,39,.07)}.onboarding-resume-card h3{margin:5px 0;font-size:20px}.onboarding-resume-card p{margin:0;color:#65766c}.onboarding-mini-progress{height:7px;max-width:480px;background:#dfe9e2;border-radius:99px;overflow:hidden;margin-top:12px}.onboarding-mini-progress i{display:block;height:100%;background:#168a49}.onboarding-resume-card .btn{white-space:nowrap}@media(max-width:800px){.onboarding-overlay{padding:0;align-items:end}.onboarding-shell{width:100%;max-height:96vh;border-radius:22px 22px 0 0}.onboarding-head{padding:21px 18px}.onboarding-head h2{font-size:23px}.onboarding-progress{padding:13px 18px;align-items:flex-start;flex-direction:column;gap:8px}.onboarding-progress>div{width:100%;flex:none}.onboarding-layout{grid-template-columns:1fr}.onboarding-steps{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e5ede7}.onboarding-step{min-width:180px}.onboarding-detail{padding:24px 18px;min-height:390px}.onboarding-detail-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-detail-actions>div{display:grid;grid-template-columns:1fr 1fr}.onboarding-detail-actions .btn{min-height:48px}.onboarding-resume-card{align-items:flex-start;flex-direction:column}.onboarding-resume-card .btn{width:100%}}