.login-page{background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:var(--space-12) var(--space-8);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:640px){.login-page{padding:var(--space-8) var(--space-6)}}.login-stack{flex-direction:column;align-items:stretch;width:100%;max-width:400px;display:flex}@media (max-width:640px){.login-stack{max-width:360px}}.login-banner{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-8);animation:login-fade-in var(--duration-base) var(--ease-out);display:flex}.login-banner__icon{color:var(--danger-500);flex:none;margin-top:2px}.login-banner__body{font:var(--type-body-sm);color:var(--color-text-primary);line-height:1.5}.login-banner__body a{color:var(--danger-500);text-underline-offset:3px;font-weight:500;text-decoration:underline}.login-monogram{font:400 64px/1 var(--font-display);font-variation-settings:"opsz" 64;color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;text-decoration:none}.login-monogram:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus-ring);outline:none}.login-heading{margin-top:var(--space-8);text-align:center}.login-heading h2{font:var(--type-display-md);letter-spacing:-.018em;color:var(--color-text-primary);margin:0}@media (max-width:640px){.login-heading h2{font-size:1.875rem}}.login-heading p{font:var(--type-body-md);color:var(--color-text-secondary);margin-top:var(--space-2)}.login-google-btn{margin-top:var(--space-10);gap:var(--space-3);width:100%}.login-divider{align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.login-divider__rule{background:var(--color-border-subtle);flex:1;height:1px}.login-divider__label{font:var(--type-caption);color:var(--color-text-muted);letter-spacing:.02em;text-transform:lowercase}.login-form{margin-top:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.login-form .input{height:44px}.login-submit{margin-top:var(--space-2);width:100%}.login-footer{font:var(--type-body-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-8);text-wrap:pretty}.login-theme-toggle{right:var(--space-6);bottom:var(--space-6);color:var(--color-text-muted);position:fixed}.login-theme-toggle .icon-btn{border-radius:var(--radius-md);width:40px;height:40px}@keyframes login-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes login-spin{to{transform:rotate(360deg)}}.login-spinner{animation:.7s linear infinite login-spin}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}