.login-page{--login-ink:#14120E;--login-shadow:#14120E;--login-shadow-soft:rgba(20,18,14,0.22);--login-sky:#F4F1EC;--login-text-3:#6B6659}body:has(.login-page) .topbar{display:none}.skyline-hero{position:relative;display:block;height:clamp(320px,46vh,540px);background:var(--login-sky);overflow:hidden;border-bottom:1px solid var(--border);transition:background var(--dur-slow) var(--ease)}.login-page .skyline-day,.login-page .skyline-night,.skyline-hero svg{position:absolute;inset:0}.skyline-hero svg{width:100%;height:100%;display:block}.login-page .skyline-day{display:block}.login-page .skyline-night{display:none}.skyline-chrome{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;padding:24px 30px;color:var(--text);pointer-events:none}.skyline-brand{display:flex;align-items:center;gap:13px}.login-page .hero-logo{height:68px;width:auto;display:block}.login-page .hero-logo-night{display:none}@media (max-width:560px){.login-page .hero-logo{height:44px}}.login-page .layout{padding-top:44px}.login-page .module-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--login-text-3);margin-bottom:14px}.login-page .module-title{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,5vw,48px);letter-spacing:-.01em;line-height:1.08;color:var(--text)}.login-page .callout-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--login-text-3);margin-bottom:2px}.login-page .auth-block{background:var(--surface-card);border:1px solid var(--login-ink);border-radius:2px;box-shadow:4px 4px 0 var(--login-shadow);padding:26px 28px 24px}.login-page .auth-label{font-size:13px;color:var(--text-secondary);margin:17px 0 6px}.login-page .auth-input{font-size:14.5px;padding:10px 13px;min-height:46px;background:var(--bg-elev);border:1px solid var(--login-ink);border-radius:2px;color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.login-page .auth-input::placeholder{color:var(--login-text-3)}.login-page .auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-page .auth-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-page .auth-btn{margin-top:21px;min-height:46px;font-family:var(--font-ui);font-weight:600;font-size:14px;letter-spacing:.01em;border-radius:2px;background:var(--accent);color:var(--accent-text);border:1px solid var(--login-ink);box-shadow:3px 3px 0 var(--login-shadow);transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.login-page .auth-btn:hover:not(:disabled){background:var(--accent-hover);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--login-shadow)}.login-page .auth-btn-alt{background:transparent;color:var(--accent);border:1px solid var(--login-ink);box-shadow:3px 3px 0 var(--login-shadow-soft)}.login-page .auth-btn-alt:hover:not(:disabled){background:transparent;color:var(--accent);border-color:var(--accent);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--accent)}.login-page .auth-divider{align-self:center;letter-spacing:.16em;color:var(--login-text-3)}.login-page .auth-divider,.login-page .pw-toggle{font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.login-page .pw-toggle{letter-spacing:.1em;color:var(--accent);border:1px solid var(--login-ink);border-radius:2px}.login-page .pw-toggle:hover{background:var(--accent-soft);border-color:var(--accent)}.login-page .auth-links{font-size:13px;margin-top:18px;color:var(--text-secondary)}.login-page .auth-links .auth-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.login-page .complete-note{font-size:12.5px;color:var(--login-text-3)}@media (prefers-color-scheme:dark){.login-page{--login-ink:var(--input-border);--login-shadow:#06090E;--login-shadow-soft:rgba(0,0,0,0.5);--login-sky:linear-gradient(180deg,#090D14,#0E1420 55%,#16202F);--login-text-3:#8794A9}.login-page .skyline-day{display:none}.login-page .skyline-night{display:block}.login-page .hero-logo-day{display:none}.login-page .hero-logo-night{display:block}}[data-theme=ink] .login-page{--login-ink:#14120E;--login-shadow:#14120E;--login-shadow-soft:rgba(20,18,14,0.22);--login-sky:#F4F1EC;--login-text-3:#6B6659}[data-theme=ink] .login-page .skyline-day{display:block}[data-theme=ink] .login-page .skyline-night{display:none}[data-theme=ink] .login-page .hero-logo-day{display:block}[data-theme=ink] .login-page .hero-logo-night{display:none}[data-theme=slate] .login-page{--login-ink:var(--input-border);--login-shadow:#06090E;--login-shadow-soft:rgba(0,0,0,0.5);--login-sky:linear-gradient(180deg,#090D14,#0E1420 55%,#16202F);--login-text-3:#8794A9}[data-theme=slate] .login-page .skyline-day{display:none}[data-theme=slate] .login-page .skyline-night{display:block}[data-theme=slate] .login-page .hero-logo-day{display:none}[data-theme=slate] .login-page .hero-logo-night{display:block}@media (max-width:700px){.skyline-hero{height:clamp(260px,38vh,360px)}.login-page .auth-divider{flex-basis:100%;text-align:center}}.skyline-chrome .theme-toggle{pointer-events:auto;color:var(--text)}.skyline-chrome .theme-toggle:hover{background:var(--bg-hover)}.skyline-chrome .theme-toggle svg{position:static;inset:auto;width:18px;height:18px}.login-page .content{min-height:0}