.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:var(--color-bg);color:var(--color-text)}.login-page__bg{position:fixed;inset:0;pointer-events:none;z-index:0}.login-page__grid-pattern{position:absolute;inset:0;background-image:linear-gradient(var(--color-accent-soft) 1px,transparent 1px),linear-gradient(90deg,var(--color-accent-soft) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000 20%,transparent 70%);opacity:.5}.login-page__header{width:100%;padding:var(--space-5) var(--space-6);position:relative;z-index:1}.login-page__logo{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}.login-page__wordmark{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em}.login-page__main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);width:100%;position:relative;z-index:1}.login-card{width:min(440px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:cardFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;margin-bottom:var(--space-6)}.login-card__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.login-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-3)}.login-card__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-8);max-width:32ch;margin-inline:auto}.login-card__providers{display:flex;flex-direction:column;gap:var(--space-3)}.login-card__oauth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.login-card__oauth-btn:hover:not(:disabled){background:var(--color-surface-offset);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-soft),var(--shadow-md)}.login-card__oauth-btn:active:not(:disabled){transform:scale(.98)}.login-card__oauth-btn:disabled{opacity:.6;cursor:not-allowed}.login-card__oauth-btn--x{background:#000;border-color:hsla(0,0%,100%,.15);color:#fff}.login-card__oauth-btn--x:hover:not(:disabled){background:#1a1a1a;border-color:#fff;box-shadow:0 0 0 1px hsla(0,0%,100%,.2),var(--shadow-md)}.login-card__spinner{width:18px;height:18px;border:2px solid var(--color-text-faint);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-card__message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.login-card__message--error{color:var(--color-error);background:hsla(0,91%,71%,.08)}.login-card__message--success{color:var(--color-success);background:rgba(52,211,153,.08)}.login-card__footer{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-6)}.login-card__footer a{color:var(--color-accent);text-decoration:none;font-weight:500}.login-card__footer a:hover{text-decoration:underline}.login-card__links{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-faint)}.login-card__links a{color:var(--color-text-muted);text-decoration:none}.login-card__links a:hover{color:var(--color-accent)}.login-page__back{display:inline-block;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive)}.login-page__back:hover{color:var(--color-accent)}@media (max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}.login-card__title{font-size:clamp(1.25rem,1rem + 1.5vw,1.75rem)}}