.auth-shell,.auth-splash{--as-band:#2a1420;--as-on-band:#fbeef3;--as-on-band-soft:#e3c3cf;--as-on-band-rose:#ef9bbb;--as-ease:var(--ease-out,cubic-bezier(.22, 1, .36, 1));--as-spring:var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));--as-inout:cubic-bezier(.65, 0, .35, 1);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}.auth-shell :is(h1,h2,p,ul,figure){margin:0}.auth-shell ul{padding:0;list-style:none}.auth-shell img{max-width:100%;height:auto;display:block}.auth-shell{background:radial-gradient(60% 50% at 100% 0%, color-mix(in srgb, var(--brand-rose) 14%, transparent), transparent 70%), var(--background);grid-template:"brand bar""brand main"1fr/minmax(380px,.92fr) minmax(0,1.08fr);min-height:100svh;display:grid}.auth-bar{grid-area:bar;justify-content:space-between;align-items:center;gap:12px;padding:18px clamp(16px,4vw,48px) 0;display:flex}.auth-back{min-height:44px;color:var(--text-soft);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .25s,background-color .25s;display:inline-flex}.auth-back:hover{color:var(--ink);background:var(--surface)}.auth-back .lp-i{transition:transform .4s var(--as-spring)}.auth-back:hover .lp-i{transform:translate(-3px)}.auth-shell .theme-toggle{--size:44px}.auth-shell :where(a,button):focus-visible{outline:3px solid var(--ring);outline-offset:3px}.auth-brand{height:100svh;min-height:600px;color:var(--as-on-band);isolation:isolate;background:radial-gradient(90% 60% at 100% 0,#a126508c,#0000 65%),radial-gradient(80% 60% at 0 100%,#cf769a38,#0000 65%),linear-gradient(170deg,#351a27 0%,#22101a 100%);grid-area:brand;grid-template-rows:auto 1fr auto;gap:clamp(18px,3vh,32px);padding:clamp(28px,4.5vh,48px) clamp(28px,4vw,56px);display:grid;position:sticky;top:0;overflow:hidden}.dark .auth-brand{background:radial-gradient(90% 60% at 100% 0,#a1265073,#0000 65%),radial-gradient(80% 60% at 0 100%,#e1789f24,#0000 65%),linear-gradient(170deg,#2a1520 0%,#120910 100%);box-shadow:inset -1px 0 #ffffff0d}.auth-brand:before{content:"";z-index:-1;aspect-ratio:360/311;opacity:.05;background:url(/brand/emblem-onher-dark.webp) 50%/contain no-repeat;width:78%;position:absolute;bottom:-10%;right:-18%}.auth-brand__grain{z-index:-1;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-brand__home{border-radius:12px;width:fit-content;display:inline-flex}.auth-brand__mark{background:url(/brand/wordmark-onher-dark.webp) 0/contain no-repeat;width:176px;height:68px;display:block}.auth-brand__center{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);min-height:0;display:grid}.auth-portrait{width:clamp(150px,26vh,250px);margin:0 0 0 clamp(18px,2vw,34px);position:relative}.auth-portrait__frame{aspect-ratio:400/540;background:#4a2233;border-radius:50% 50% 7% 7%/37.04% 37.04% 5.19% 5.19%;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 60px -30px #000c}.auth-portrait__frame:after{content:"";border-radius:inherit;background:linear-gradient(#0000 64%,#1a0a1273);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.auth-portrait__frame img{object-fit:cover;object-position:50% 14%;width:100%;height:100%}.auth-shell .lp-arc{pointer-events:none;width:130%;height:118.52%;position:absolute;top:-9.26%;left:-15%;overflow:visible}.auth-shell .lp-arc__s1{stop-color:#cf769a}.auth-shell .lp-arc__s2{stop-color:#ef9bbb}.auth-shell .lp-arc__s3{stop-color:#fbd9e5}.auth-shell .lp-arc__orbit{stroke:#ef9bbb;stroke-width:1.6px;stroke-dasharray:.004 .014;opacity:.5}.auth-shell .lp-arc__dot{fill:#ef9bbb}.auth-brand__copy{gap:16px;display:grid}.auth-brand__eyebrow{letter-spacing:.17em;text-transform:uppercase;color:var(--as-on-band-rose);font-size:.74rem;font-weight:700}.auth-brand__motto{font-family:var(--font-display);letter-spacing:-.03em;font-variation-settings:"SOFT" 40;text-wrap:balance;font-size:clamp(1.9rem,1rem + 2.2vw,2.9rem);font-weight:540;line-height:1.04}.auth-brand__motto span{color:var(--as-on-band-rose)}.auth-benefits{gap:12px;display:grid}.auth-benefits li{align-items:center;gap:14px;font-size:.98rem;line-height:1.4;display:flex}.auth-benefits__icon{width:40px;height:40px;color:var(--as-on-band-rose);background:#ffffff14;border:1px solid #ffffff24;border-radius:13px;flex:none;place-items:center;display:grid}.auth-brand__foot{color:var(--as-on-band-soft);font-size:.84rem}.auth-brand__foot span{background:var(--as-on-band-rose);vertical-align:.2em;border-radius:50%;width:4px;height:4px;margin:0 .6em;display:inline-block}.auth-main{grid-area:main;align-content:center;justify-items:center;gap:22px;padding:16px clamp(16px,4vw,48px) 40px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(100%,468px);box-shadow:var(--shadow-lg);border-radius:28px;padding:clamp(26px,4vw,40px) clamp(22px,3.4vw,38px)}.auth-card__eyebrow{letter-spacing:.17em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.7em;font-size:.74rem;font-weight:700;display:inline-flex}.auth-card__eyebrow:before{content:"";opacity:.6;background:currentColor;border-radius:2px;width:1.8em;height:1.5px}.auth-card .auth-card__title{font-family:var(--font-display);letter-spacing:-.028em;color:var(--ink);margin:10px 0 6px;font-size:clamp(1.9rem,1.4rem + 1.4vw,2.4rem);font-weight:560;line-height:1.08}.auth-card>.form-stack,.auth-card>.onboarding-guide{gap:18px}.auth-card>.form-stack>p:first-of-type{color:var(--text-soft);font-size:1rem;line-height:1.55}.auth-card .field>span,.auth-card .field>label{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.4}.auth-card .field input{border-radius:12px!important;height:48px!important}.auth-card .btn.primary{border-radius:999px;width:100%;min-height:52px;font-size:1rem}.auth-card .form-actions{flex-wrap:wrap;gap:4px 14px}.auth-card .text-button{min-height:44px}.auth-card .install-app-button{border-radius:999px;min-height:48px}.auth-card>a.btn.primary{margin-top:18px}.auth-help{color:var(--text-soft);text-align:center;font-size:.9rem}.auth-help a{color:var(--primary);text-underline-offset:.25em;font-weight:650}.auth-benefits--below{display:none}.auth-legal{flex-wrap:wrap;justify-content:center;gap:0 20px;font-size:.88rem;display:flex}.auth-legal a{min-height:44px;color:var(--text-soft);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.auth-legal a:hover{color:var(--primary)}.auth-splash{isolation:isolate;background:radial-gradient(50% 45% at 50% 42%, color-mix(in srgb, var(--brand-rose) 18%, transparent), transparent 70%), var(--background);place-items:center;min-height:100svh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.auth-splash__glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--primary) 10%, transparent), transparent);height:70%;position:absolute;inset:auto -20% -40%}.auth-splash__card{text-align:center;justify-items:center;gap:14px;width:min(100%,420px);display:grid}.auth-splash__emblem{place-items:center;width:148px;height:148px;margin-bottom:6px;display:grid;position:relative}.auth-splash__mark{background:url(/brand/emblem-onher.webp) 50%/contain no-repeat;width:96px;height:83px}.dark .auth-splash__mark{background-image:url(/brand/emblem-onher-dark.webp)}.auth-splash__ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.auth-splash__ring circle{fill:none;stroke-width:2.2px;stroke-linecap:round}.auth-splash__ring .ring-bg{stroke:color-mix(in srgb, var(--line-strong) 70%, transparent)}.auth-splash__ring .ring-fg{stroke:var(--primary);stroke-dasharray:.28 .72;transform-origin:50%;transform-box:fill-box}.auth-splash .auth-splash__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:1.7rem;font-weight:560;line-height:1.1}.auth-splash__text{color:var(--text-soft);margin:0;font-size:1rem}.auth-splash__bar{background:color-mix(in srgb, var(--line-strong) 60%, transparent);border-radius:99px;width:180px;height:4px;margin-top:6px;position:relative;overflow:hidden}.auth-splash__bar i{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--primary), transparent);position:absolute;inset:0;transform:translate(-100%)}.auth-splash--error .auth-splash__mark{opacity:.35}.auth-splash__alert{justify-items:center;gap:16px;margin-top:4px;display:grid}.auth-splash__alert-icon{background:var(--danger-soft);width:44px;height:44px;color:var(--danger);border-radius:14px;place-items:center;display:grid}.auth-splash__alert p{color:var(--text-soft);margin:0;line-height:1.6}.auth-splash__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.auth-splash__actions .btn{border-radius:999px;min-height:48px;padding-inline:20px}@media (prefers-reduced-motion:no-preference){.auth-portrait__frame img{animation:as-settle 1.6s var(--as-ease) both}.auth-shell .lp-arc__draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:as-draw 1.2s var(--as-inout) .35s forwards}.auth-shell .lp-arc__orbit{animation:1s 1.1s both as-fade}.auth-shell .lp-arc__dot{transform-box:fill-box;transform-origin:50%;animation:as-pop .6s var(--as-spring) 1.4s both}.auth-brand__copy>*,.auth-benefits li{animation:as-fade-up .7s var(--as-ease) both}.auth-brand__copy>:nth-child(2){animation-delay:80ms}.auth-benefits li:first-child{animation-delay:.3s}.auth-benefits li:nth-child(2){animation-delay:.4s}.auth-benefits li:nth-child(3){animation-delay:.5s}.auth-card{animation:as-card-in .8s var(--as-ease) .1s both}.auth-splash__card{animation:.5s both as-fade}.auth-splash__mark{animation:2.6s ease-in-out infinite as-breathe}.auth-splash__ring .ring-fg{animation:1.6s linear infinite as-spin}.auth-splash__bar i{animation:1.4s cubic-bezier(.45,0,.55,1) infinite as-shimmer}}@keyframes as-draw{to{stroke-dashoffset:0}}@keyframes as-fade{0%{opacity:0}}@keyframes as-pop{0%{opacity:0;transform:scale(0)}}@keyframes as-settle{0%{transform:scale(1.08)}}@keyframes as-fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes as-card-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}@keyframes as-breathe{50%{opacity:.78;transform:scale(.94)}}@keyframes as-spin{to{transform:rotate(360deg)}}@keyframes as-shimmer{to{transform:translate(100%)}}@media (max-width:1023px){.auth-shell{grid-template:"bar""brand""main"1fr"below"/minmax(0,1fr)}.auth-bar{padding-top:12px}.auth-brand{border-radius:24px;grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 18px;height:auto;min-height:0;margin:8px clamp(16px,4vw,48px) 0;padding:18px 20px;position:relative}.auth-brand:before{width:46%;bottom:-30%;right:-8%}.auth-brand__home{grid-area:1/2}.auth-brand__mark{width:132px;height:51px}.auth-brand__center{display:contents}.auth-portrait{grid-area:1/1/span 2;width:74px;margin:6px 4px 0 8px}.auth-brand__copy{grid-area:2/2;gap:0}.auth-brand__eyebrow,.auth-brand .auth-benefits,.auth-brand__foot{display:none}.auth-brand__motto{font-size:clamp(1.25rem,1rem + 1.4vw,1.6rem)}.auth-main{align-content:start;padding-top:18px}.auth-shell .auth-benefits--below{width:min(100% - 32px,468px);color:var(--ink);grid-area:below;gap:10px;margin:0 auto 32px;display:grid}.auth-benefits--below .auth-benefits__icon{background:var(--accent-soft);border-color:var(--line);width:36px;height:36px;color:var(--primary)}.auth-benefits--below li{color:var(--text-soft);font-size:.93rem}}@media (max-width:380px){.auth-portrait{width:62px}.auth-brand{gap:4px 14px;padding:16px}}@media (prefers-reduced-motion:reduce){.auth-shell *,.auth-splash *{animation:none!important}}
