body:has(.login-page){background:transparent}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-10) var(--gutter);background:transparent;position:relative;z-index:1}.login-card{width:100%;max-width:420px;text-align:center;background:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card)}.login-card__logo{height:80px;width:auto;margin:0 auto var(--space-8);display:block}.login-card__heading{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-display);margin-bottom:var(--space-2)}.login-card__subheading{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-6)}.login-form{text-align:left}.login-form .form-field{margin-bottom:var(--space-5)}.login-form .btn{margin-top:var(--space-2)}.login-logo{height:80px;width:auto;margin:0 auto var(--space-8);display:block}.login-brand-text{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-display);color:var(--color-text);text-decoration:none;display:block;margin-bottom:var(--space-8)}.login-brand-text--large{font-size:3rem}.login-notice{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;line-height:1.4;text-align:left}.login-notice--error{background:var(--color-error-bg);color:var(--color-error-text);border:var(--border-width) solid var(--color-error-border)}.login-session-card{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center}.login-session-card__email{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.login-session-card__email strong{color:var(--color-text)}.login-session-card__cta{display:inline-block;padding:var(--space-2) var(--space-5);background:var(--color-brand-cta, var(--color-black));color:var(--color-brand-cta-text, var(--color-white));border-radius:var(--btn-radius, var(--radius-md));font-size:.875rem;font-weight:var(--fw-semibold);text-decoration:none;transition:filter var(--transition-fast)}.login-session-card__cta:hover{filter:brightness(.9)}.login-session-card__hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-3)}.login-form .form-group{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;margin-bottom:var(--space-4)}.login-form label{display:block;font-size:.8125rem;font-weight:var(--fw-semibold);color:var(--color-text)}.login-form input[type=email]{display:block;width:100%;height:var(--input-height);padding:0 var(--space-4);background:var(--color-white);border:var(--border-width) solid var(--color-input-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none}.login-form input[type=email]::placeholder{color:var(--color-gray-400)}.login-form input[type=email]:focus{border-color:var(--color-black);box-shadow:var(--shadow-input-focus)}.login-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:var(--input-height);padding:0 var(--space-6);border:none;border-radius:var(--btn-radius, var(--radius-md));background:var(--color-brand-cta, var(--color-black));color:var(--color-brand-cta-text, var(--color-white));font-family:var(--font-body);font-size:1rem;font-weight:var(--fw-semibold);line-height:1;cursor:pointer;transition:background var(--transition-fast),filter var(--transition-fast);margin-top:var(--space-2)}.login-submit:hover:not(:disabled){background:var(--color-brand-cta, var(--color-black));filter:brightness(.9)}.login-submit:disabled{background:var(--color-gray-400);cursor:not-allowed}.login-error{font-size:.875rem;color:var(--color-destructive);text-align:center}.login-back{display:block;text-align:center;margin-top:var(--space-6);font-size:.875rem;color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.login-back:hover{color:var(--color-text)}.login-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.login-success__icon,.login-success-icon{width:48px;height:48px;border-radius:50%;background:var(--color-brand-cta, var(--color-black));color:var(--color-brand-cta-text, var(--color-white));display:flex;align-items:center;justify-content:center}.login-success__heading,.login-success-heading{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--fw-bold)}.login-success__body,.login-success-text{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.login-success-hint{font-size:.8125rem;color:var(--color-text-muted)}.login-open-inbox{width:100%;text-decoration:none;margin-top:var(--space-1)}.login-inbox-fallback{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%;margin-top:var(--space-1)}.login-inbox-fallback__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:.875rem;font-weight:var(--fw-medium);color:var(--color-text);background:var(--color-white);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.login-inbox-fallback__btn:hover{border-color:var(--color-gray-300);background:var(--color-surface)}.login-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:var(--space-4) var(--gutter);font-size:.75rem;color:var(--color-gray-400);z-index:1}.login-footer__link{color:var(--color-gray-400);text-decoration:underline;text-underline-offset:2px;font-weight:var(--fw-semibold)}.login-footer__link:hover{color:var(--color-text-muted)}