.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(59,130,246,.12),transparent 70%),var(--sidebar-bg,#0f172a)}.login__card{width:100%;max-width:420px;padding:36px 32px;background:var(--color-surface,#fff);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(2,6,23,.45)}.login__brand{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary,#9ca3af)}.login__title{margin:10px 0 0;font-size:26px;font-weight:650;color:var(--color-text-primary,#111827)}.login__subtitle{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--color-text-secondary,#6b7280)}.login__error{margin-top:20px;padding:12px 14px;font-size:13px;line-height:1.5;color:var(--color-danger,#dc2626);background:var(--color-danger-light,#fef2f2);border:1px solid var(--color-danger-border,#fecaca);border-radius:8px}.login__button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:26px;padding:12px 16px;font-size:15px;font-weight:600;font-family:inherit;color:var(--color-text-primary,#111827);background:var(--color-surface,#fff);border:1px solid var(--color-border-strong,#d1d5db);border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.login__button:hover{background:var(--color-surface-2,#f3f4f6);border-color:var(--color-text-tertiary,#9ca3af)}.login__google{width:18px;height:18px;flex-shrink:0}