.eyebrow,.step-kicker{color:#f28c00;letter-spacing:1.2px;font-size:12px;font-weight:800;display:block}.onboarding-shell{max-width:1110px;margin:36px auto}.onboarding-header{text-align:center;max-width:680px;margin:0 auto 28px}.onboarding-header h1{color:#12304f;margin:6px 0;font-size:36px;line-height:1.3}.onboarding-header p{color:#617080}.onboarding-steps{justify-content:center;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.onboarding-steps li{color:#8090a0;align-items:center;gap:7px;font-size:13px;display:flex}.onboarding-steps b{background:#dce5ed;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.onboarding-steps li.active{color:#0756a3;font-weight:800}.onboarding-steps li.active b{color:#fff;background:#0756a3}.onboarding-grid{grid-template-columns:minmax(0,1fr) 355px;align-items:start;gap:28px;display:grid}.onboarding-form,.join-card{background:#fff;border:1px solid #d6e0e9;border-radius:16px;padding:34px;box-shadow:0 15px 35px #12304f14}.onboarding-form h2{color:#12304f;margin:4px 0;font-size:27px}.onboarding-form>p,.join-card p{color:#607183}.onboarding-form form,.join-card form{box-shadow:none;border:0;padding:0}.onboarding-form em,.join-card em{color:#e15b15;margin-left:5px;font-size:11px;font-style:normal}.choice-row{gap:10px;margin-top:8px;display:flex}.choice{border:1px solid #ccd8e4;border-radius:8px;flex:1;font-size:13px;margin:0!important;padding:11px!important}.choice input{width:auto;margin:0 6px 0 0;display:inline}.next-button,.finish-button,.join-button{background:#0756a3;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:20px;padding:14px 18px;font-size:16px;display:flex}.finish-button,.join-button{background:#ef8900}.service-group{border-bottom:1px solid #e3e9ef;padding:12px 0}.service-group>strong{color:#12304f;font-size:14px}.service-chip{display:inline-block;margin:8px 5px 0 0!important}.service-chip input{display:none}.service-chip span{background:#fff;border:1px solid #bfcddb;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:500;display:block}.service-chip input:checked+span{color:#0756a3;background:#e7f1fc;border-color:#0756a3;font-weight:800}.area-picker details{background:#fff;margin:8px 0;padding:0}.area-picker summary{cursor:pointer;padding:10px 12px;font-weight:800}.area-checks{columns:2;padding:0 12px 12px}.area-checks label{margin:6px 0;font-size:13px;font-weight:500}.area-checks input{width:auto;margin:0 5px 0 0;display:inline}.contact-accordion h3{color:#12304f;margin:18px 0 4px;font-size:15px}.contact-accordion-note{color:#718096;margin:0 0 10px;font-size:12.5px}.line-url-help{color:#0756a3;margin-left:8px;font-size:12px;font-weight:600;display:inline}.toggle input{width:auto;margin:0 6px 0 0;display:inline}.form-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.form-actions .next-button,.form-actions .finish-button{width:auto;min-width:240px;margin:0}.profile-preview-wrap{position:sticky;top:20px}.preview-label{text-align:center;color:#63758a;font-size:13px;font-weight:800}.profile-preview{background:#fff;border:1px solid #c7d5e3;border-radius:11px;overflow:hidden;box-shadow:0 15px 30px #12304f20}.preview-top{color:#fff;background:#163d68;justify-content:space-between;padding:10px 14px;font-size:10px;display:flex}.preview-top b{color:#ffdf80}.preview-company{align-items:center;gap:12px;padding:18px 16px 8px;display:flex}.preview-company h3{color:#172f4a;margin:0;font-size:20px}.preview-company p{color:#68798a;margin:2px 0;font-size:12px}.preview-monogram{color:#0756a3;background:#e6f0fa;border-radius:5px;place-items:center;width:55px;height:55px;font-size:25px;font-weight:900;display:grid}.preview-catchcopy{color:#304b67;min-height:50px;padding:0 16px;font-weight:800}.preview-work{border-top:1px solid #e6edf3;margin:0 16px;padding:10px 0}.preview-work small{color:#74869a}.preview-work p{margin:2px 0;font-size:13px}.profile-preview button{color:#0756a3;background:#eff4f8;width:calc(100% - 32px);margin:12px 16px 16px;padding:9px}.preview-note{text-align:center;color:#718096;font-size:12px}.join-page{grid-template-columns:1fr 440px;align-items:center;gap:45px;max-width:980px;margin:48px auto;display:grid}.join-intro h1{color:#12304f;margin:5px 0 15px;font-size:42px;line-height:1.3}.join-intro h1 em{color:#ef8900;font-style:normal}.join-intro>p{color:#596c80;font-size:17px}.join-intro ul{padding:0;list-style:none}.join-intro li{color:#344d67;margin:13px 0}.join-intro b{color:#0756a3;background:#e8f1fb;border-radius:50%;place-items:center;width:27px;height:27px;margin-right:8px;font-size:11px;display:inline-grid}.login-guide{text-align:center;font-size:13px}@media (width<=768px){.onboarding-grid,.join-page{grid-template-columns:1fr}.profile-preview-wrap{max-width:430px;margin:auto;position:static}.join-page{gap:20px}.join-intro{text-align:center}.join-intro ul{text-align:left;display:inline-block}}@media (width<=480px){.onboarding-shell{margin-top:20px}.onboarding-header h1,.join-intro h1{font-size:26px}.onboarding-form,.join-card{padding:20px}.onboarding-steps span{display:none}.onboarding-steps b{width:24px;height:24px}.choice-row{flex-direction:column}.choice{font-size:14px;padding:13px!important}.area-checks{columns:1}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .next-button,.form-actions .finish-button{width:100%;min-width:0}.join-page{margin:20px auto}.service-chip span{padding:8px 12px;font-size:14px}}@media (width<=375px){.onboarding-header h1,.join-intro h1{font-size:22px}.onboarding-form,.join-card{border-radius:12px;padding:16px}.onboarding-form h2{font-size:22px}.join-intro>p{font-size:15px}.preview-company h3{font-size:17px}.preview-monogram{width:46px;height:46px;font-size:20px}}.area-select-all{column-span:all;break-inside:avoid;color:#0756a3;background:#f2f6fa;border-radius:6px;align-items:center;margin:0 0 8px!important;padding:6px 10px!important;font-weight:700!important;display:flex!important}.area-select-all input{accent-color:#0756a3}.area-city-group{column-span:all;break-inside:avoid;border:1px solid #e3e9ef;border-radius:6px;margin:6px 0;padding:8px 10px}.area-select-all-city{color:#344d67;background:0 0;margin:0 0 6px!important;padding:0!important}.area-ward-list{columns:2}.area-ward-list label{margin:4px 0!important}@media (width<=480px){.area-ward-list{columns:1}}