/* BeauticiansHub Phase 1 — approved onboarding */
:root{--bho-bg:#F5F4F8;--bho-ink:#241C4E;--bho-pink:#F472B6;--bho-pink2:#EF5DA8;--bho-pink-dark:#C43C7E;--bho-copy:#6E6B85;--bho-muted:#8B8798;--bho-border:#EFEDF3;--bho-dark:#17151C}
html{-webkit-text-size-adjust:100%}.bh-app-page{margin:0;background:var(--bho-bg);font-family:"Poppins",system-ui,sans-serif;color:var(--bho-copy)}.bh-app-page *{box-sizing:border-box}.bh-app-page a{color:var(--bho-pink2);text-decoration:none}.bh-app-page a:hover{color:var(--bho-pink-dark)}
@keyframes bho-in{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes bho-fill{from{width:0}}@keyframes bho-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@keyframes bho-spin{to{transform:rotate(360deg)}}@keyframes bho-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
.bho-app{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--bho-bg)}.bho-main-pane{display:flex;flex-direction:column;padding:clamp(20px,3vw,40px) clamp(18px,4vw,64px) 40px;min-width:0}.bho-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.bho-header img{height:clamp(40px,4.6vw,52px);width:auto}.bho-header strong{color:var(--bho-ink)}.bho-content{margin-top:clamp(22px,3vw,40px);max-width:660px;width:100%}.bho-choose{animation:bho-in .55s cubic-bezier(.16,1,.3,1)}.bho-choose.is-hidden{display:none}.bho-choose h1{margin:0;font:400 clamp(30px,4vw,46px)/1.2 "Kaushan Script",cursive;color:var(--bho-ink)}.bho-choose>p{margin:10px 0 0;font-size:15.5px;line-height:1.8}.bho-role-grid{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.bho-role-card{position:relative;overflow:hidden;text-align:left;padding:26px 24px;border-radius:18px;border:1px solid var(--bho-border);background:#fff;cursor:pointer;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .4s ease;color:var(--bho-copy)}.bho-role-card:hover{transform:translateY(-6px);border-color:var(--bho-pink);box-shadow:0 24px 50px -30px rgba(36,28,78,.3)}.bho-role-card--dark{background:var(--bho-dark);border-color:var(--bho-dark);color:#D9D6DF}.bho-role-icon{display:flex;width:48px;height:48px;border-radius:14px;background:#FDF2F8;color:var(--bho-pink-dark);align-items:center;justify-content:center;font-size:20px}.bho-role-card--dark .bho-role-icon{background:var(--bho-pink);color:#fff}.bho-role-card strong,.bho-role-card small,.bho-role-card em{display:block}.bho-role-card>strong{margin-top:16px;font-size:18px;color:var(--bho-ink)}.bho-role-card--dark>strong{color:#fff}.bho-role-card small{margin-top:7px;font-size:13.5px;line-height:1.7}.bho-role-card em{margin-top:16px;font-size:12.5px;font-weight:700;color:var(--bho-pink-dark);font-style:normal}.bho-role-card--dark em{color:var(--bho-pink)}.bho-trust{margin-top:18px;padding:14px 16px;border-radius:14px;border:1px solid var(--bho-border);display:flex;gap:11px;background:#fff}.bho-trust span{color:#2BAA67}.bho-trust p{margin:0;font-size:11.5px;line-height:1.65}
.bho-flow{display:none}.bho-flow.is-active{display:block;animation:bho-in .5s ease}.bho-flow-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.bho-flow-top>div{display:flex;gap:8px;align-items:center}.bho-back{border:0;background:transparent;color:var(--bho-pink-dark);font-weight:700;cursor:pointer;padding:7px 0}.bho-role-pill,.bho-step-label{display:inline-flex;padding:7px 11px;border-radius:99px;font-size:10.5px;font-weight:700}.bho-role-pill{background:#FDF2F8;color:var(--bho-pink-dark)}.bho-step-label{background:#fff;border:1px solid var(--bho-border);color:var(--bho-muted)}.bho-progress{height:5px;border-radius:99px;background:#E8E4EC;margin:14px 0 24px;overflow:hidden}.bho-progress span{display:block;height:100%;width:0;background:var(--bho-pink);border-radius:inherit;transition:width .45s cubic-bezier(.16,1,.3,1)}.bho-step{display:none;animation:bho-in .45s cubic-bezier(.16,1,.3,1)}.bho-step.is-active{display:block}.bho-step h2{margin:0;color:var(--bho-ink);font:700 clamp(23px,3vw,32px)/1.25 "Sora",sans-serif}.bho-step>p{margin:8px 0 22px;font-size:13.5px;line-height:1.75}.bho-steps label:not(.bho-check):not(.bho-switch-row):not(.bho-upload-btn):not(.bho-portfolio-slot){display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--bho-ink)}.bho-steps input[type=text],.bho-steps input[type=email],.bho-steps input[type=password],.bho-steps input[type=number],.bho-steps textarea,.bho-steps select{width:100%;min-width:0;border:1px solid #DDD9E5;background:#fff;border-radius:12px;padding:13px 14px;outline:none;color:var(--bho-ink);font-size:14px}.bho-steps input:focus,.bho-steps textarea:focus,.bho-steps select:focus{border-color:var(--bho-pink);box-shadow:0 0 0 3px rgba(244,114,182,.13)}.bho-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.bho-grid-2 label{min-width:0}.bho-grid-2 input[type=time]{width:100%;min-width:0;border:1px solid #DDD9E5;background:#fff;border-radius:12px;padding:11px;color:var(--bho-ink)}.bho-check{display:flex!important;gap:10px;align-items:flex-start;margin:13px 0;font-size:11.5px!important;color:var(--bho-copy)!important;font-weight:400!important}.bho-check input{margin-top:3px;accent-color:var(--bho-pink)}.bho-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.bho-strength{height:5px;display:flex;gap:4px;margin:7px 0 13px;align-items:center}.bho-strength span{height:4px;flex:0 1 52px;border-radius:99px;background:#E5E1E9}.bho-strength em{font-size:9px;font-style:normal;color:#9995A7;margin-left:5px}.bho-strength span.is-active:nth-child(1){background:#E0A43C}.bho-strength span.is-active:nth-child(2){background:#F472B6}.bho-strength span.is-active:nth-child(3){background:#2BAA67}.bho-strength.is-weak span:nth-child(1){background:#D95F5F}.bho-strength.is-medium span:nth-child(-n+2){background:#E0A43C}.bho-strength.is-strong span{background:#2BAA67}
.bho-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bho-social{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bho-border);background:#fff;border-radius:11px;color:var(--bho-ink)!important;font-size:12px;font-weight:700}.bho-social--dark{background:#17151C;color:#fff!important;border-color:#17151C}.bho-social.is-disabled{opacity:.5}.bho-social small{font-size:8px;margin-left:4px}.bho-or{display:flex;align-items:center;gap:10px;margin:18px 0}.bho-or span{height:1px;background:#DED9E4;flex:1}.bho-or em{font-size:10px;font-style:normal;color:#9995A7}.bho-card-inner{background:#fff;border:1px solid var(--bho-border);border-radius:16px;padding:18px;margin:13px 0}.bho-card-inner legend,.bho-portfolio legend{font-size:12px;font-weight:700;color:var(--bho-ink);margin-bottom:9px}.bho-muted{font-size:11px!important;color:#8B8798!important;line-height:1.65!important}.bho-location-btn{border:1px solid var(--bho-border);background:#fff;color:var(--bho-pink-dark);border-radius:11px;padding:11px 14px;font-size:11px;font-weight:700;cursor:pointer;margin-bottom:12px}.bho-range{display:flex;align-items:center;gap:12px}.bho-range input{flex:1;accent-color:var(--bho-pink)}.bho-range output{min-width:52px;color:var(--bho-ink);font-weight:700}.bho-pills{display:flex;gap:7px;flex-wrap:wrap}.bho-pills label{display:block!important}.bho-pills input{position:absolute;opacity:0}.bho-pills span{display:block;padding:8px 11px;border:1px solid var(--bho-border);border-radius:99px;background:#fff;color:var(--bho-copy);font-size:10px;cursor:pointer}.bho-pills input:checked+span{background:var(--bho-ink);border-color:var(--bho-ink);color:#fff}
.bho-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.bho-service-grid label{display:flex!important;align-items:flex-start!important;gap:8px!important;border:1px solid var(--bho-border);background:#fff;border-radius:12px;padding:11px!important;color:var(--bho-copy)!important;font-size:11px!important;cursor:pointer}.bho-service-grid input{accent-color:var(--bho-pink);margin-top:2px}.bho-radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 16px}.bho-radio-grid label{display:block!important}.bho-radio-grid input{position:absolute;opacity:0}.bho-radio-grid span{display:grid;gap:3px;padding:12px;border:1px solid var(--bho-border);background:#fff;border-radius:12px;cursor:pointer}.bho-radio-grid input:checked+span{border-color:var(--bho-pink);box-shadow:0 0 0 2px rgba(244,114,182,.1)}.bho-radio-grid strong{font-size:11px;color:var(--bho-ink)}.bho-radio-grid small{font-size:9.5px;font-weight:400;color:#8B8798}.bho-verification-mode{display:grid;gap:3px;padding:13px 15px;background:#F8F5FA;border-radius:13px;margin-bottom:12px}.bho-verification-mode strong{color:var(--bho-ink);font-size:11.5px}.bho-verification-mode small{font-size:10px}.bho-upload-list{display:grid;gap:8px}.bho-upload{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--bho-border);background:#fff;border-radius:12px}.bho-upload>span{width:34px;height:34px;border-radius:10px;background:#FDF2F8;display:grid;place-items:center;color:var(--bho-pink-dark)}.bho-upload>div{flex:1;min-width:0}.bho-upload strong,.bho-upload small{display:block}.bho-upload strong{font-size:11px;color:var(--bho-ink)}.bho-upload small{font-size:9px}.bho-upload-btn{position:relative;overflow:hidden;border:1px solid #DDD9E5;border-radius:9px;padding:8px 10px;color:var(--bho-pink-dark)!important;background:#fff;font-size:9px!important;font-weight:700!important;cursor:pointer}.bho-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.bho-upload.is-uploading{opacity:.6}.bho-upload.is-done{border-color:#BFE4CC}.bho-didit{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--bho-dark);color:#DAD7E0;border-radius:14px;padding:14px 15px;margin-top:10px}.bho-didit strong,.bho-didit small{display:block}.bho-didit strong{color:#fff;font-size:11.5px}.bho-didit small{font-size:9px;line-height:1.55}.bho-status-chip{white-space:nowrap;border-radius:99px;background:#2A2730;color:#BEB9C5;padding:7px 9px;font-size:9px}.bho-portfolio{margin-top:15px}.bho-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bho-portfolio-slot{display:grid!important;place-items:center!important;min-height:86px;border:1px dashed #CFC9D8!important;border-radius:12px;color:var(--bho-pink-dark)!important;font-size:10px!important;background:#fff;position:relative;overflow:hidden;cursor:pointer}.bho-portfolio-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.bho-portfolio-slot.is-done{border-style:solid!important;border-color:#BFE4CC!important;color:#2E7D50!important}
.bho-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--bho-border);font-size:11px!important}.bho-switch-row span{display:grid;gap:2px}.bho-switch-row strong{color:var(--bho-ink)}.bho-switch-row small{font-size:9px}.bho-switch-row input{width:18px;height:18px;accent-color:var(--bho-pink)}.bho-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.bho-plan-grid label{display:block!important}.bho-plan-grid input{position:absolute;opacity:0}.bho-plan-grid span{display:grid;gap:4px;min-height:138px;padding:14px;border:1px solid var(--bho-border);background:#fff;border-radius:14px;cursor:pointer}.bho-plan-grid input:checked+span{border-color:var(--bho-pink);box-shadow:0 0 0 2px rgba(244,114,182,.1)}.bho-plan-grid em{font-size:9px;text-transform:uppercase;color:var(--bho-pink-dark);font-style:normal;font-weight:700}.bho-plan-grid strong{font-size:13px;color:var(--bho-ink)}.bho-plan-grid small{font-size:9.5px;font-weight:400;line-height:1.5}.bho-plan-featured span{background:#241C4E;color:#DAD7E0}.bho-plan-featured strong{color:#fff}.bho-step--done{text-align:center}.bho-done-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#FDF2F8;color:var(--bho-pink-dark);font-size:30px;margin:0 auto 18px;animation:bho-pop .6s ease}.bho-done-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.bho-done-cards>div{padding:15px;border:1px solid var(--bho-border);background:#fff;border-radius:13px}.bho-verification-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.bho-verification-progress>div{display:grid;justify-items:center;gap:4px;padding:12px 8px;background:#fff;border:1px solid var(--bho-border);border-radius:12px}.bho-verification-progress>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#EAF8F0;color:#228354}.bho-verification-progress strong{font-size:9.5px;color:var(--bho-ink)}.bho-verification-progress small{font-size:8.5px}.bho-verification-progress .is-muted{opacity:.56}.bho-verification-progress .is-spin{border:2px solid #E8E4EC!important;border-top-color:var(--bho-pink)!important;background:transparent!important;animation:bho-spin .8s linear infinite}
.bho-nav{margin-top:24px;padding-top:16px;border-top:1px solid var(--bho-border);display:flex;align-items:center;gap:10px}.bho-save-state{flex:1;text-align:center;font-size:9.5px;color:#9995A7}.bho-btn{appearance:none;min-height:44px;border:1px solid #DCD8E4;border-radius:11px;padding:10px 15px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.25s ease}.bho-btn--primary{background:var(--bho-pink);border-color:var(--bho-pink);color:#fff}.bho-btn--secondary{background:#fff;color:var(--bho-ink)}.bho-btn--dark{background:#2A2730;border-color:#3A3541;color:#fff;white-space:nowrap}.bho-btn[disabled]{opacity:.55;cursor:wait}.bho-form-error{display:none;margin-top:10px;padding:10px 12px;border:1px solid #F0CACA;background:#FFF5F5;color:#8D2727;border-radius:10px;font-size:10.5px}.bho-form-error.is-visible{display:block}.bho-notice{padding:12px 14px;border-radius:12px;background:#FFF8ED;border:1px solid #F4D9AC;color:#7A4B12;font-size:11px;line-height:1.65;margin-bottom:15px}.bho-notice--success{background:#F1FAF5;border-color:#BFE4CC;color:#166534}.bho-notice--error{background:#FFF4F4;border-color:#F1B8B8;color:#8D2727}.bho-notice--error small{color:#8D5A5A}
.bho-aside{position:sticky;top:0;height:100vh;overflow:hidden;background:#17151C;min-width:0}.bho-aside>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bho-aside-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,21,28,.16),rgba(23,21,28,.84))}.bho-quote{position:absolute;left:clamp(24px,4vw,54px);right:clamp(24px,4vw,54px);bottom:clamp(28px,5vw,64px);color:#fff}.bho-quote-mark{font:400 68px/1 "Kaushan Script",cursive;color:var(--bho-pink);opacity:.9}.bho-quote blockquote{margin:0;font:600 clamp(18px,2vw,25px)/1.6 "Sora",sans-serif}.bho-quote>div{margin-top:18px;display:flex;align-items:center;gap:10px}.bho-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--bho-pink),#fff)}.bho-quote strong,.bho-quote small{display:block}.bho-quote small{color:rgba(255,255,255,.66);font-size:9px}.bho-quote strong{font-size:11px}.bho-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}
@media(max-width:1020px){.bho-app{grid-template-columns:1fr}.bho-aside{display:none}.bho-main-pane{max-width:780px;width:100%;margin:0 auto}.bho-content{max-width:none}}
@media(max-width:600px){.bho-main-pane{padding:18px 14px 30px}.bho-header{align-items:flex-start}.bho-header img{height:42px}.bho-header>div{text-align:right;font-size:10px}.bho-role-grid,.bho-grid-2,.bho-radio-grid,.bho-plan-grid,.bho-done-cards{grid-template-columns:1fr}.bho-social-grid{grid-template-columns:1fr}.bho-service-grid{grid-template-columns:1fr 1fr}.bho-upload-grid{grid-template-columns:repeat(3,1fr)}.bho-verification-progress{grid-template-columns:1fr 1fr}.bho-didit{align-items:flex-start;flex-direction:column}.bho-btn--dark{width:100%}.bho-nav{position:sticky;bottom:0;background:rgba(245,244,248,.96);backdrop-filter:blur(10px);margin-left:-14px;margin-right:-14px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));z-index:8}.bho-save-state{display:none}.bho-nav .bho-btn{flex:1}.bho-flow-top{align-items:flex-start}.bho-flow-top>div{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:390px){.bho-service-grid{grid-template-columns:1fr}.bho-upload-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.bh-app-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.bho-didit-consent{display:flex!important;align-items:flex-start!important;gap:8px!important;margin-top:10px;color:#E9E5EE!important;font-size:9px!important;font-weight:400!important;line-height:1.5}.bho-didit-consent input{margin-top:2px;accent-color:var(--bho-pink);flex:0 0 auto}
.bho-didit small a{color:#F9A8D4;text-decoration:underline;text-underline-offset:2px}.bho-didit small a:hover,.bho-didit small a:focus{color:#fff}