.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg)}.login-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-6)}.login-title{margin-bottom:var(--space-1)}.login-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6);font-size:.9375rem}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.field{display:flex;flex-direction:column}.login-divider{display:flex;align-items:center;margin:var(--space-5) 0;color:var(--color-text-muted);font-size:.875rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid var(--color-border)}.login-divider span{padding:0 var(--space-3)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);background:#fff;color:var(--color-text);font-size:.9375rem;font-weight:500;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.btn-google:hover:not(:disabled){border-color:#cfc5ba;background:#faf7f2}.btn-google:disabled{opacity:.55;cursor:not-allowed}.google-icon{width:18px;height:18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f5f3ef;color:#3d3a36;font-family:DM Sans,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--navy: #203a7f;--red: #e13f3f;--background: #f5f3ef;--border: #ede9e3;--muted-text: #a8a29e;--body-text: #3d3a36;--dark-body: #1a1a1a;--color-bg: #f5f3ef;--color-surface: #fff;--color-border: #ede9e3;--color-text: #1a1a1a;--color-text-muted: #8c8578;--color-text-light: #a8a29e;--color-accent: #203a7f;--color-accent-hover: #1c336f;--color-error: #c0392b;--font-sans: "DM Sans", -apple-system, system-ui, sans-serif;--font-size-base: 15px;--line-height: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06)}html{font-size:var(--font-size-base)}h1{font-size:1.6rem;font-weight:600;letter-spacing:-.02em}label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-2)}input[type=email],input[type=password],input[type=text]{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;font-family:inherit;background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .12s ease}input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #203a7f26}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;font-size:.9375rem;font-weight:500;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .12s ease}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-muted);font-size:.9375rem}.error-message{color:var(--color-error);font-size:.875rem;padding:var(--space-3) var(--space-4);background:#c0392b12;border:1px solid rgba(192,57,43,.2);border-radius:var(--radius-md)}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes panelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}