.login-surface{--app-bg:#1b1918;--app-bg-deep:#171514;--app-panel:#272422;--app-panel-raised:#322d29;--app-border:#514740;--app-border-strong:#8a786d;--app-text:#faf7f2;--app-muted:#c4bbb5;--app-accent:#f2a080;--app-accent-hover:#ffb89a;--app-on-accent:#2b160d;--app-ring:#f7b196;--app-danger:#ffaba8;--app-on-danger:#3e0c0c;--app-success:#a6d9b8;--app-warning:#f1ca83;--app-accent-2:#a5c8df;--background:var(--app-bg);--foreground:var(--app-text);--surface:var(--app-panel);--surface-foreground:var(--app-text);--overlay:var(--app-panel);--overlay-foreground:var(--app-text);--muted:var(--app-muted);--border:var(--app-border);--accent:var(--app-accent);--accent-foreground:var(--app-on-accent);--focus:var(--app-ring);--danger:var(--app-danger);--field-background:var(--app-panel);--field-foreground:var(--app-text);--field-placeholder:var(--app-muted);--field-border:var(--app-border-strong);--default:var(--app-panel-raised);--default-foreground:var(--app-text);isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--app-bg);min-height:100svh;color:var(--app-text);flex-direction:column;display:flex;position:relative}.login-surface .login-atmosphere{z-index:-1;pointer-events:none;opacity:.5;background:url(/brand/home-atmosphere.webp) 50%/cover no-repeat;position:absolute;inset:0}.login-surface .login-header{justify-content:space-between;align-items:center;gap:20px;width:min(100% - 80px,1320px);min-height:80px;margin-inline:auto;display:flex}.login-surface .marketing-brand{color:var(--app-text);letter-spacing:-.05em;flex:none;align-items:center;gap:9px;font-size:20px;font-weight:650;text-decoration:none;display:inline-flex}.login-surface .login-header__home{color:#ded6d0;align-items:center;min-height:44px;font-size:13px;text-decoration:none;display:inline-flex}.login-surface .login-header__home:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.login-surface .login-form-panel{flex:1;place-items:center;min-height:0;padding:40px 24px 64px;display:grid}.login-surface .login-form-content{background:var(--app-panel);border:1px solid #66564c;border-radius:20px;width:100%;max-width:440px;padding:36px;box-shadow:0 20px 60px -28px #0c0807cc}.login-surface .login-form-heading{margin-bottom:28px}.login-surface .login-form-heading h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 12px;font-size:30px;font-weight:550;line-height:1.2}.login-surface .login-form-heading p{color:var(--app-muted);margin:0;font-size:14px;line-height:1.65}.login-surface .login-auth-controls{flex-direction:column;gap:22px;display:flex}.login-surface .login-email-form{flex-direction:column;gap:18px;display:flex}.login-surface .login-email-form input{background:#211e1c}.login-surface .login-email-form button[type=submit]{margin-top:4px}.login-surface .login-mode-switch{min-height:44px;color:var(--app-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1.6}.login-surface .login-mode-switch strong{color:#f6b69b;text-underline-offset:4px;font-weight:550;text-decoration:underline}.login-surface .login-story{border:1px solid var(--app-border);background:#211e1c;border-radius:10px;min-height:0;margin:0 0 24px;padding:14px 16px;display:block}.login-surface .login-story summary{color:#f6b69b;cursor:pointer;min-height:44px;font-size:13px;font-weight:550;line-height:44px}.login-surface .login-story blockquote{overflow-wrap:anywhere;border:0;margin:14px 0 0;padding:0;font-family:inherit;font-size:14px;line-height:1.65}.login-surface .login-story__description{color:var(--app-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.login-surface .login-footer{color:#faf7f2;text-align:center;padding:20px 24px}.login-surface .login-footer small{font-size:11px;line-height:1.6}.login-surface :is(a,button,summary):focus-visible{outline:2px solid var(--app-ring);outline-offset:4px}@media (max-width:800px){.login-surface .login-atmosphere{background-image:url(/brand/home-atmosphere-small.webp)}.login-surface .login-header{width:calc(100% - 48px)}}@media (max-width:560px){.login-surface .login-header{gap:12px;width:calc(100% - 36px);min-height:72px}.login-surface .marketing-brand{gap:6px;font-size:18px}.login-surface .login-header__home{font-size:12px}.login-surface .login-form-panel{padding:28px 18px 40px}.login-surface .login-form-content{border-radius:17px;padding:28px 24px}.login-surface .login-form-heading h1{font-size:27px}.login-surface .login-footer{padding:16px 18px}}@media (max-width:360px){.login-surface .login-form-panel{padding-inline:14px}.login-surface .login-form-content{padding-inline:20px}.login-surface .login-form-heading h1{font-size:25px}}@media (prefers-reduced-motion:reduce){.login-surface :is(button,input){transition:none}}@media (forced-colors:active){.login-surface .login-atmosphere{display:none}.login-surface .login-form-content{box-shadow:none;border-color:canvastext}}