.login-page{background:var(--surface-base);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.login-card{width:100%;max-width:420px;padding:var(--space-10) var(--space-8);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl,16px);text-align:center;z-index:1;position:relative;box-shadow:0 24px 64px #0006}.login-brand{margin-bottom:var(--space-6)}.login-logo{filter:brightness(1.1);width:160px;height:auto;margin:0 auto}.login-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2);font-weight:700}.login-subtitle{font-family:var(--font-accent);font-style:italic;font-size:var(--text-sm);color:var(--text-muted);text-transform:none;letter-spacing:0;margin-bottom:var(--space-8)}.login-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ff6363;font-size:var(--text-sm);margin-bottom:var(--space-6);background:#ff63631a;border:1px solid #ff63634d;font-weight:500;animation:.3s ease-out loginFadeIn}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:var(--ink-black);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);border:none;font-weight:700;display:inline-flex}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c2a36e4d}.login-btn:active{transform:translateY(0)}.login-btn__icon{flex-shrink:0}.login-btn--secondary{background:var(--surface-overlay);color:var(--text-primary);border:1px solid var(--border-default)}.login-btn--secondary:hover{box-shadow:none;border-color:var(--accent-primary)}.login-toggle-btn{width:100%;margin-top:var(--space-4);padding:var(--space-2);color:var(--text-muted);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;font-weight:600}.login-toggle-btn:hover{color:var(--accent-primary)}.login-email-form{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;animation:.2s ease-out loginFadeIn;display:flex}.login-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body,inherit);font-size:var(--text-sm);transition:border-color var(--transition-base)}.login-input:focus{border-color:var(--accent-primary);outline:none}.login-input::placeholder{color:var(--text-muted)}.login-note{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.login-bg-accent{pointer-events:none;background:radial-gradient(circle,#c2a36e0f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}