.login-page{min-height:calc(100vh - var(--nav-h) - 200px);background:var(--bg-secondary);justify-content:center;align-items:center;padding:48px 24px;display:flex}.login-wrapper{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px;font-size:26px;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:14px}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:24px}.login-error{border-radius:var(--radius);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}[data-theme=dark] .login-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.login-buttons{flex-direction:column;gap:12px;display:flex}.login-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font);align-items:center;gap:12px;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.login-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn span{text-align:left;flex:1}.login-btn svg{flex-shrink:0}.login-btn-disabled{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-tertiary)}.login-badge-soon{background:var(--bg);border:1px solid var(--border);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.login-divider{align-items:center;gap:12px;padding:4px 0;display:flex}.login-divider-line{background:var(--border);flex:1;height:1px}.login-divider-text{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.login-terms{text-align:center;color:var(--text-tertiary);margin-top:24px;font-size:11px;line-height:1.7}.login-terms a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.login-terms a:hover{color:var(--text-primary)}