.login-hero{isolation:isolate;padding:var(--space-6) var(--space-2);background-color:color-mix(in oklch, var(--color-accent) 4%, var(--color-bg));background-image:radial-gradient(ellipse 110% 70% at -5% -20%, color-mix(in oklch, var(--color-accent) 26%, transparent), transparent 60%), radial-gradient(ellipse 85% 55% at 105% -5%, color-mix(in oklch, var(--color-accent) 18%, transparent), transparent 55%), radial-gradient(ellipse 65% 50% at 50% 110%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 65%);background-repeat:no-repeat;flex:1;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative}:root.dark .login-hero{background-color:color-mix(in oklch, var(--color-accent) 6%, var(--color-bg));background-image:radial-gradient(ellipse 110% 70% at -5% -20%, color-mix(in oklch, var(--color-accent) 32%, transparent), transparent 60%), radial-gradient(ellipse 85% 55% at 105% -5%, color-mix(in oklch, var(--color-accent) 22%, transparent), transparent 55%), radial-gradient(ellipse 65% 50% at 50% 110%, color-mix(in oklch, var(--color-accent) 15%, transparent), transparent 65%)}.login-hero-inner{align-items:stretch;gap:var(--space-5);z-index:1;flex-direction:column;width:100%;max-width:440px;display:flex;position:relative}.login-hero-stack{gap:var(--space-5);flex-direction:column;display:flex}.login-hero-brand{justify-content:center;display:flex}.login-hero-brand .pixel-brand{margin-bottom:0}.login-hero-copy{text-align:center;gap:var(--space-2);flex-direction:column;display:flex}.login-hero-eyebrow{font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-faint);margin:0}.login-hero-headline{letter-spacing:-.04em;background:linear-gradient(180deg, var(--color-text-primary) 30%, color-mix(in oklch, var(--color-text-primary) 70%, var(--color-accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(1.9rem,4.5vw,2.5rem);font-weight:800;line-height:1.15}.login-hero-support{max-width:36ch;color:var(--color-text-secondary);margin:0 auto;font-size:14.5px;line-height:1.55}.login-hero-panel{gap:var(--space-3);background:color-mix(in oklch, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in oklch, var(--color-border) 75%, var(--color-accent));border-radius:var(--radius-lg);box-shadow:0 24px 56px -16px #0f172a2e, 0 6px 18px -4px #0f172a0f, 0 0 0 1px color-mix(in oklch, var(--color-accent) 15%, transparent), inset 0 1px 0 #ffffffe6;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;padding:clamp(1.4rem,1.2rem + 1vw,2rem);display:flex;overflow:hidden}@supports (color:lab(0% 0 0)){.login-hero-panel{box-shadow:0 24px 56px -16px #0f172a2e, 0 6px 18px -4px #0f172a0f, 0 0 0 1px color-mix(in oklch, var(--color-accent) 15%, transparent), inset 0 1px 0 lab(100% 0 0/.9)}}:root.dark .login-hero-panel{background:color-mix(in oklch, var(--color-surface) 86%, transparent);box-shadow:0 28px 64px -16px #000000b3, 0 8px 24px -4px #0006, 0 0 0 1px color-mix(in oklch, var(--color-accent) 25%, transparent), inset 0 1px 0 #ffffff26}@supports (color:lab(0% 0 0)){:root.dark .login-hero-panel{box-shadow:0 28px 64px -16px #000000b3, 0 8px 24px -4px #0006, 0 0 0 1px color-mix(in oklch, var(--color-accent) 25%, transparent), inset 0 1px 0 lab(100% 0 0/.15)}}.login-hero-error{border-radius:var(--radius-sm);border:1px solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text);align-items:center;gap:8px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.login-hero-success{border-radius:var(--radius-sm);border:1px solid color-mix(in oklch, var(--color-gain) 35%, transparent);background:color-mix(in oklch, var(--color-gain) 12%, transparent);color:var(--color-gain);align-items:center;gap:8px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.login-hero-forgot-support{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.45}.login-hero-link{color:var(--color-text-muted);text-underline-offset:3px;cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;align-self:flex-start;margin:0;padding:2px 0;font-family:inherit;font-size:12px;font-weight:500;text-decoration:underline}.login-hero-link:hover{color:var(--color-accent)}a.login-hero-link{display:inline-block}.login-hero-form{flex-direction:column;gap:12px;display:flex}.login-hero-input{border-radius:var(--radius-sm);border:1px solid var(--color-input-border);background:color-mix(in oklch, var(--color-input-bg) 95%, var(--color-accent));letter-spacing:-.01em;width:100%;min-height:44px;color:var(--color-text-primary);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);padding:0 14px;font-size:14px}.login-hero-input::placeholder{color:var(--color-text-faint)}.login-hero-input:hover{border-color:color-mix(in oklch, var(--color-border-strong) 45%, var(--color-input-border))}.login-hero-input:focus{border-color:var(--color-accent);background:var(--color-input-bg);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 24%, transparent);outline:none}.login-hero-ctas{gap:10px;padding-top:6px;display:flex}.login-hero-clear{text-align:center}.pixel-brand--hero{justify-content:center}.pixel-brand--hero .pixel-brand-icon{width:96px;height:96px;box-shadow:0 14px 32px -10px color-mix(in oklch, var(--color-accent) 42%, transparent);border-radius:16px}.pixel-brand--hero .pixel-brand-text{letter-spacing:-.05em;font-size:clamp(3rem,10vw,4.75rem);display:inline-flex;transform:translateY(2px)}.pixel-brand--hero .pixel-brand-icon,.pixel-brand--hero .pixel-brand-char{animation:5.2s ease-in-out infinite pixel-brand-hop;animation-delay:calc(var(--char-i,0) * .32s);display:inline-block}@keyframes pixel-brand-hop{0%,16%,to{transform:translateY(0)}8%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.pixel-brand--hero .pixel-brand-icon,.pixel-brand--hero .pixel-brand-char{animation:none}}@media (max-width:480px){.login-hero{padding:var(--space-4) var(--space-2)}.pixel-brand--hero .pixel-brand-icon{width:64px;height:64px}.login-hero-ctas{flex-direction:column}}