.landing-page.auth-page{background:var(--navy);color:#fff;background-image:radial-gradient(80% 50% at 50% -10%,oklch(45% .13 230/.45),#0000 70%),radial-gradient(50% 40% at 12% 70%,oklch(40% .1 250/.35),#0000 70%),radial-gradient(60% 50% at 90% 20%,oklch(42% .08 220/.3),#0000 70%);min-height:100svh;position:relative;overflow-y:auto}.landing-page.auth-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-image:linear-gradient(lab(100% 0 0/.04) 1px,#0000 1px),linear-gradient(90deg,lab(100% 0 0/.04) 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 80%)}.landing-page .auth-shell{z-index:1;flex-direction:column;align-items:center;gap:24px;min-height:100svh;padding:10vh 20px 24px;display:flex;position:relative}.landing-page .auth-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;animation:.38s cubic-bezier(.16,1,.3,1) authHero;display:flex}@keyframes authHero{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing-page .auth-pill{margin-bottom:4px}.landing-page .auth-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.8vw,44px);font-weight:700;line-height:1.04}.landing-page .auth-hero h1 .accent{color:var(--brand)}.landing-page .auth-logo{color:#fff;margin-bottom:6px;font-size:30px}.landing-page .auth-hero p{color:#ffffffb3;color:lab(100% 0 0/.7);max-width:460px;margin:0;font-size:15.5px;line-height:1.5}.landing-page .auth-stage{width:100%;max-width:420px;margin-top:12px}.landing-page .auth-crossfade-wrap{width:100%;position:relative}.landing-page .auth-face-fade{opacity:0;width:100%;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scale(.96)}.landing-page .auth-face-fade.is-active{opacity:1;z-index:1;position:relative;transform:scale(1)}.landing-page .auth-card{width:100%;color:var(--fg);border-radius:var(--r-2xl);background:#fffffff7;background:lab(100% 0 0/.97);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);flex-direction:column;gap:18px;padding:28px;display:flex;box-shadow:0 30px 80px -20px #0000038c,0 10px 30px -12px #00000366;box-shadow:0 30px 80px -20px lab(.0255356% 1.20755 -3.98152/.55),0 10px 30px -12px lab(.0255356% 1.20755 -3.98152/.4)}.landing-page .auth-card-center{align-items:center;animation:.28s cubic-bezier(.16,1,.3,1) authFade}@keyframes authFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing-page .auth-fields{flex-direction:column;gap:12px;display:flex}.landing-page .auth-field{flex-direction:column;gap:6px;display:flex}.landing-page .auth-field>span{color:var(--fg);font-size:13px;font-weight:500}.landing-page .auth-field-mute{color:var(--muted);font-weight:400}.landing-page .auth-field-row{justify-content:space-between;align-items:baseline;display:flex}.landing-page .auth-field :is(input,textarea){border:1px solid var(--hairline);background:var(--surface);height:42px;font:inherit;color:var(--fg);border-radius:10px;outline:none;padding:0 14px;font-size:14.5px;transition:border-color .12s,box-shadow .12s}.landing-page .auth-field textarea{resize:vertical;height:auto;min-height:72px;padding:10px 14px}.landing-page .auth-field :is(input,textarea):focus{border-color:var(--brand);box-shadow:0 0 0 4px #4babd41f;box-shadow:0 0 0 4px lab(65.5978% -19.7989 -29.963/.12)}.landing-page .auth-field :is(input,textarea)[aria-invalid=true]{border-color:#e62b34;border-color:lab(51.3582% 69.7345 44.3509)}.landing-page .auth-field-error{color:#d40924;color:lab(45.5382% 69.8881 46.2994);margin:0;font-size:12px}.landing-page .auth-field-help{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.landing-page .auth-field .auth-select{border:1px solid var(--hairline);background:var(--surface);width:100%;height:42px;font:inherit;color:var(--fg);border-radius:10px;padding:0 12px 0 14px;font-size:14.5px;transition:border-color .12s,box-shadow .12s}.landing-page .auth-field .auth-select[data-placeholder]{color:var(--muted)}.landing-page .auth-field .auth-select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px #4babd41f;box-shadow:0 0 0 4px lab(65.5978% -19.7989 -29.963/.12)}.landing-page .auth-field .auth-select[aria-invalid=true]{border-color:#e62b34;border-color:lab(51.3582% 69.7345 44.3509)}.landing-page .auth-summary{border:1px solid var(--hairline);background:var(--surface-2);border-radius:10px;gap:10px;margin:0;padding:14px;display:grid}.landing-page .auth-summary dt{color:var(--muted);font-size:12px}.landing-page .auth-summary dd{color:var(--fg);overflow-wrap:anywhere;margin:2px 0 0;font-size:14px;font-weight:500}.landing-page .auth-summary dd p{color:var(--muted);margin:2px 0 0;font-size:12px;font-weight:400;line-height:1.4}.landing-page .auth-submit{border-radius:12px;justify-content:center;width:100%;height:48px;margin-top:4px}.landing-page .auth-submit:disabled{opacity:.6;cursor:not-allowed}.landing-page .auth-link{color:var(--brand-deep);font-weight:500;text-decoration:none}.landing-page .auth-link:hover{text-decoration:underline}.landing-page .auth-link-mini{color:var(--muted);font-size:12.5px;font-weight:400;text-decoration:none}.landing-page .auth-link-mini:hover{color:var(--fg)}.landing-page .auth-meta{color:var(--muted);text-align:center;margin:4px 0 0;font-size:13.5px}.landing-page .auth-meta-btn{cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;margin:0 auto;padding:0}.landing-page .auth-meta-btn-inline{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.landing-page .auth-otp-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.landing-page .auth-otp-help{color:var(--muted);text-align:center;margin:0;font-size:14px}.landing-page .auth-otp-help strong{color:var(--fg);font-weight:600}.landing-page .auth-otp-resend{color:var(--muted);text-align:center;margin:0;font-size:13px}.landing-page .auth-otp-resend-wait{color:var(--fg);font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.landing-page .auth-otp{justify-content:center;gap:8px;display:flex}.landing-page .auth-otp-cell{border:1px solid var(--hairline);background:var(--surface);width:48px;height:56px;font:inherit;text-align:center;color:var(--fg);border-radius:12px;outline:none;font-size:22px;font-weight:600;transition:border-color .12s,box-shadow .12s}.landing-page .auth-otp-cell:focus{border-color:var(--brand);box-shadow:0 0 0 4px #4babd41f;box-shadow:0 0 0 4px lab(65.5978% -19.7989 -29.963/.12)}.landing-page .auth-remember-device{border:1px solid var(--hairline);width:min(100%,320px);color:var(--fg);cursor:pointer;background:#ffffff9e;background:lab(100% 0 0/.62);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.landing-page .auth-remember-device input{width:18px;height:18px;accent-color:var(--brand-deep);cursor:pointer;flex-shrink:0;margin:1px 0 0}.landing-page .auth-remember-device input:disabled{cursor:not-allowed}.landing-page .auth-remember-device span{flex-direction:column;gap:2px;display:flex}.landing-page .auth-remember-device strong{font-size:13.5px;font-weight:600}.landing-page .auth-remember-device small{color:var(--muted);font-size:12.5px;line-height:1.35}.landing-page .auth-banner{color:var(--fg);background:#4babd414;background:lab(65.5978% -19.7989 -29.963/.08);border:1px solid #4babd42e;border:1px solid lab(65.5978% -19.7989 -29.963/.18);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.landing-page .auth-banner svg{color:var(--brand-deep);flex-shrink:0}.landing-page .auth-banner strong{font-weight:600}.landing-page .auth-foot{text-align:center;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;color:lab(100% 0 0/.45);margin-top:auto;padding-top:24px;font-size:11px}@media (max-width:600px){.landing-page .auth-shell{gap:18px;padding:48px 16px 20px}.landing-page .auth-hero h1{font-size:30px}.landing-page .auth-hero p{font-size:14.5px}.landing-page .auth-card{padding:24px 22px}.landing-page .auth-otp-cell{width:42px;height:50px;font-size:20px}}@media (prefers-reduced-motion:reduce){.landing-page .auth-face-fade{transition-duration:0s}.landing-page .auth-hero,.landing-page .auth-card-center{animation-duration:0s}}
