*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family: "Figtree", system-ui, sans-serif;--color-bg: #0f172a;--color-bg-card: rgba(30, 41, 59, .6);--color-bg-card-strong: rgba(30, 41, 59, .8);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .08);--color-error-bg: rgba(239, 68, 68, .2);--color-error-text: #fca5a5;--color-error-border: rgba(239, 68, 68, .3)}body{font-family:var(--font-family);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f 0%,var(--color-bg) 100%)}.login-card{background:var(--color-bg-card-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #0006;border:1px solid var(--color-border);animation:card-fade-in .4s ease}@keyframes card-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card h1{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem}.login-card p{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin-bottom:2rem}.google-btn-wrap{display:flex;justify-content:center;margin-bottom:1rem}.google-btn-wrap>div{display:flex;justify-content:center}.login-msg{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;max-height:0;overflow:hidden;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.login-msg.active{opacity:1;transform:translateY(0);pointer-events:auto;max-height:100px;margin-bottom:1rem;padding:.75rem 1rem}.login-msg.error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.login-msg code{font-size:.8em;background:#0003;padding:.1em .3em;border-radius:4px}.login-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;color:var(--color-text-muted);font-size:.875rem;opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease;max-height:0;overflow:hidden}.login-loading.active{opacity:1;transform:translateY(0);max-height:80px}.login-loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:login-spin .8s linear infinite;flex-shrink:0}.login-loading[data-status=success] .login-loading-spinner{animation:none;border-color:#22c55e;border-top-color:#22c55e;background:conic-gradient(#22c55e,#22c55e)}.login-loading[data-status=success] .login-loading-text{color:#4ade80}@keyframes login-spin{to{transform:rotate(360deg)}}