.auth-he-page{--text-1:var(--ds-ink);--text-2:var(--ds-ink-soft);--text-3:var(--ds-ink-mute);--bg:var(--ds-cream-50);--bg2:var(--ds-cream-100);--surface:var(--ds-cream-50);--surface2:var(--ds-cream-100);--border:#1a18151a;--border2:#1a18152e;--amber:var(--ds-ochre);--amber-lt:var(--ds-ochre-soft);background:var(--ds-cream-50);color:var(--ds-ink);font-family:var(--ds-font-sans)}html[data-theme=dark] .auth-he-page{--border:#f5f0e71a;--border2:#f5f0e72e}.auth-he-main{background:var(--ds-cream-50);min-height:100dvh}.auth-he-grid{align-items:center;max-width:1120px}.auth-he-left .text-xl{letter-spacing:-.4px}.auth-he-brand-link{border-radius:var(--ds-radius-lg);width:fit-content;color:inherit;text-decoration:none}.auth-he-brand-link:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:4px}.auth-he-left{flex-direction:column;gap:18px;min-width:0;display:flex}.auth-he-benefit-card,.auth-he-form-card{background:var(--ds-cream-50);border:1px solid var(--border)}.auth-he-form-card{border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg);position:relative;overflow:hidden}.auth-he-form-card:before{content:"";background:linear-gradient(90deg, var(--ds-ochre), var(--ds-clay), var(--ds-ink));height:4px;position:absolute;inset:0 0 auto}.auth-he-form-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.auth-he-form-title{color:var(--ds-ink);font-size:20px;font-weight:800;line-height:1.25}.auth-he-form-subtitle{color:var(--ds-ink-mute);margin-top:6px;font-size:12px;line-height:1.5}.auth-he-mode-toggle{border:1px solid var(--border);border-radius:var(--ds-radius-pill);background:var(--ds-cream-100);flex-shrink:0;gap:4px;padding:3px;display:inline-flex}.auth-he-mode-option{border-radius:var(--ds-radius-pill);min-width:76px;height:30px;color:var(--ds-ink-mute);cursor:pointer;transition:background var(--ds-duration-base) var(--ds-ease-out), color var(--ds-duration-base) var(--ds-ease-out);background:0 0;border:0;font-size:12px;font-weight:700;line-height:1}.auth-he-mode-option:hover,.auth-he-mode-option-active{background:var(--ds-cream-50);color:var(--ds-ink)}.auth-he-mode-option:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}html[data-theme=dark] .auth-he-benefit-card,html[data-theme=dark] .auth-he-form-card{background:var(--ds-cream-100)}.auth-he-muted-box{background:var(--ds-cream-100);border:1px solid var(--border)}html[data-theme=dark] .auth-he-muted-box{background:var(--ds-cream-200)}.auth-he-input{background:var(--ds-cream-50);border:1px solid var(--border);color:var(--ds-ink);outline:none;transition:border-color .15s,background .15s,transform .15s}html[data-theme=dark] .auth-he-input{background:var(--ds-cream-100)}.auth-he-input::placeholder{color:var(--ds-ink-mute)}.auth-he-input:focus{border-color:var(--ds-ink);background:var(--ds-cream-100);transform:translateY(-1px)}html[data-theme=dark] .auth-he-input:focus{background:var(--ds-cream-200)}.auth-he-btn-primary{background:var(--ds-ink);border:1px solid var(--ds-ink);color:var(--ds-cream-50)}.auth-he-btn-primary:hover{opacity:.86}.auth-he-btn-outline{background:var(--ds-cream-50);border:1px solid var(--border2);color:var(--ds-ink-soft)}.auth-he-btn-outline:hover{background:var(--ds-cream-100);color:var(--ds-ink);border-color:var(--ds-ink-soft)}html[data-theme=dark] .auth-he-btn-outline{background:var(--ds-cream-100)}html[data-theme=dark] .auth-he-btn-outline:hover{background:var(--ds-cream-200)}.auth-he-btn-danger{background:var(--ds-clay);border:1px solid var(--ds-clay);color:var(--ds-cream-50)}.auth-he-btn-danger:hover{opacity:.86}.auth-he-btn-disabled{background:var(--ds-cream-100);border:1px solid var(--border);color:var(--ds-ink-mute);cursor:not-allowed}html[data-theme=dark] .auth-he-btn-disabled{background:var(--ds-cream-200)}.auth-he-hint-ok{background:var(--ds-cream-100);border-color:var(--border);color:var(--ds-ink)}.auth-he-hint-warn{background:var(--ds-ochre-soft);color:var(--ds-ochre);border-color:#c5832e47}.auth-he-hint-info{background:var(--ds-cream-100);border-color:var(--border);color:var(--ds-ink-soft)}.auth-he-field-warning{color:var(--ds-ochre)}.auth-he-role-section{background:var(--ds-cream-100);border:1px solid var(--border)}.auth-he-identity-strip{border:1px solid var(--border);border-radius:var(--ds-radius-lg);background:var(--ds-cream-100);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.auth-he-identity-copy{gap:2px;min-width:88px;display:grid}.auth-he-identity-copy span{color:var(--ds-ink);font-size:12px;font-weight:800;line-height:1.3}.auth-he-identity-copy small{color:var(--ds-ink-mute);font-size:11px;line-height:1.3}.auth-he-role-switch-wrap{flex:1;min-width:0}.auth-he-recruiter-fields{background:var(--ds-cream-100);border:1px solid var(--border)}html[data-theme=dark] .auth-he-role-section,html[data-theme=dark] .auth-he-identity-strip,html[data-theme=dark] .auth-he-recruiter-fields,html[data-theme=dark] .auth-he-mode-toggle{background:var(--ds-cream-200)}.auth-he-story{gap:20px;display:grid}.auth-he-mascot-stage{--pointer-x:0;--pointer-y:0;--eye-pointer-x:0;--eye-pointer-y:0;border:1px solid var(--border);border-radius:var(--ds-radius-xl);background:linear-gradient(135deg, var(--ds-cream-100), var(--ds-cream-50) 52%, var(--ds-ochre-soft));min-height:310px;box-shadow:var(--ds-shadow-md);isolation:isolate;position:relative;overflow:hidden}.auth-he-mascot-stage:before{content:"";border:1px dashed var(--border2);border-radius:var(--ds-radius-lg);opacity:.5;position:absolute;inset:26px}.auth-he-stage-card,.auth-he-stage-line{border:1px solid var(--border);background:color-mix(in srgb, var(--ds-cream-50) 76%, transparent);position:absolute}.auth-he-stage-card{border-radius:var(--ds-radius-lg);width:116px;height:78px}.auth-he-stage-card-a{top:34px;right:36px;transform:rotate(4deg)}.auth-he-stage-card-b{bottom:34px;right:88px;transform:rotate(-5deg)}.auth-he-stage-line{border-radius:var(--ds-radius-pill);height:6px}.auth-he-stage-line-a{width:128px;top:62px;left:34px}.auth-he-stage-line-b{width:156px;bottom:68px;right:42px}.auth-he-mascot{--eye-x:0px;--eye-y:0px;--turn:0deg;--face-turn:0deg;--face-x:0px;--face-y:0px;z-index:1;border:2px solid var(--ds-ink);box-shadow:0 12px 0 color-mix(in srgb, var(--ds-ink) 10%, transparent);transform:rotate(var(--turn)) translateZ(0);transition:transform var(--ds-duration-slow) var(--ds-ease-out), border-radius var(--ds-duration-slow) var(--ds-ease-out);display:block;position:absolute}.auth-he-mascot-face{transform:translate(calc(var(--face-x) + (var(--pointer-x) * 5px)), calc(var(--face-y) + (var(--pointer-y) * 4px))) rotate(calc(var(--face-turn) + (var(--pointer-x) * 5deg)));transform-origin:50% 55%;transition:transform var(--ds-duration-base) var(--ds-ease-out);display:block;position:absolute;inset:0}.auth-he-mascot-rect{border-radius:var(--ds-radius-lg);background:var(--ds-ochre);width:128px;height:78px;bottom:72px;left:42px}.auth-he-mascot-arch{border-radius:var(--ds-radius-pill) var(--ds-radius-pill) var(--ds-radius-md) var(--ds-radius-md);background:var(--ds-clay);width:108px;height:102px;top:58px;left:148px}.auth-he-mascot-para{border-radius:var(--ds-radius-md);background:var(--ds-cream-200);width:118px;height:74px;transform:skew(-12deg) rotate(var(--turn)) translateZ(0);top:88px;right:114px}.auth-he-mascot-pill{border-radius:var(--ds-radius-pill);background:var(--ds-bg-brand-subtle);width:96px;height:96px;bottom:82px;right:64px}.auth-he-eye{border:2px solid var(--ds-ink);border-radius:var(--ds-radius-pill);background:var(--ds-cream-50);width:16px;height:16px;transition:transform var(--ds-duration-base) var(--ds-ease-out), height var(--ds-duration-base) var(--ds-ease-out), border-color var(--ds-duration-base) var(--ds-ease-out), background-color var(--ds-duration-base) var(--ds-ease-out);position:absolute;top:30%;overflow:hidden}.auth-he-eye-left{left:32%}.auth-he-eye-right{right:24%}.auth-he-eye-pupil{border-radius:var(--ds-radius-pill);background:var(--ds-ink);width:5px;height:5px;transform:translate(calc(var(--eye-x) + (var(--eye-pointer-x) * 3px)), calc(var(--eye-y) + (var(--eye-pointer-y) * 2px)));transition:opacity var(--ds-duration-base) var(--ds-ease-out), transform var(--ds-duration-base) var(--ds-ease-out);position:absolute;top:4px;left:4px}.auth-he-mascot-stage[data-focus=watch] .auth-he-mascot{--eye-x:3px;--eye-y:-1px;--turn:3deg;--face-turn:4deg}.auth-he-mascot-stage[data-focus=watch] .auth-he-mascot-para{--turn:5deg;--face-turn:6deg}.auth-he-mascot-stage[data-focus=cover] .auth-he-mascot{--eye-x:-4px;--eye-y:-4px;--turn:-10deg;--face-turn:-32deg;--face-x:-10px;--face-y:-7px}.auth-he-mascot-stage[data-focus=cover] .auth-he-eye{border-color:var(--ds-ink);background:var(--ds-cream-50);height:16px;transform:translate(-2px,-3px)rotate(-7deg)}.auth-he-mascot-stage[data-focus=cover] .auth-he-eye-pupil{opacity:1;transform:translate(var(--eye-x), var(--eye-y)) scale(.92)}.auth-he-mascot-stage[data-focus=cover] .auth-he-mascot-face{transform:translate(var(--face-x), var(--face-y)) rotate(var(--face-turn))}.auth-he-mascot-stage[data-role=recruiter] .auth-he-mascot-pill{transform:translateY(-8px) rotate(var(--turn)) translateZ(0)}.auth-he-mascot-stage[data-role=recruiter] .auth-he-stage-card-a{transform:translateY(-8px)rotate(4deg)}.auth-he-trust-row{flex-wrap:wrap;gap:8px;display:flex}.auth-he-trust-row span{border:1px solid var(--border);border-radius:var(--ds-radius-pill);background:var(--ds-cream-100);min-height:30px;color:var(--ds-ink-soft);align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=1023px){.auth-he-grid{max-width:620px}.auth-he-mascot-stage{min-height:240px}.auth-he-mascot-rect{width:112px;height:68px;bottom:54px;left:32px}.auth-he-mascot-arch{width:92px;height:88px;top:48px;left:132px}.auth-he-mascot-para{width:104px;height:64px;top:72px;right:100px}.auth-he-mascot-pill{width:82px;height:82px;bottom:58px;right:44px}}@media (width<=520px){.auth-he-form-header{flex-direction:column;gap:12px}.auth-he-mode-toggle{width:100%}.auth-he-mode-option{flex:1}.auth-he-identity-strip{flex-direction:column;align-items:stretch}.auth-he-role-switch-wrap{width:100%}.auth-he-form-card{padding:20px}.auth-he-mascot-stage{min-height:210px}.auth-he-mascot-stage:before,.auth-he-stage-card-b,.auth-he-stage-line-b{display:none}}@media (prefers-reduced-motion:reduce){.auth-he-input,.auth-he-mascot,.auth-he-eye,.auth-he-eye-pupil{transition:none}}