.auth-page{min-height:100vh;color:var(--text-primary);font-family:var(--font-body);background:radial-gradient(900px 600px at 50% -10%, #efb83914, transparent 60%), linear-gradient(180deg, var(--surface-base), var(--surface-void) 90%);justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.auth-card-shell{width:100%;max-width:400px;position:relative}.auth-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-size:1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-logo span{color:var(--accent-gold);font-size:1.1rem}.auth-logo-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.auth-card{border-radius:var(--radius-lg);border:1px solid var(--surface-raised);box-shadow:var(--shadow-elevated), inset 0 1px 0 #e2dccf0f;background:linear-gradient(160deg,#272421d9,#1c1a1799);padding:32px 28px;animation:.5s cubic-bezier(.16,1,.3,1) both authReveal}.auth-card h1{font-family:var(--font-display);color:var(--text-primary);margin:0 0 6px;font-size:1.5rem;font-weight:600}.auth-card .auth-sub{color:var(--text-secondary);margin:0 0 24px;font-size:.875rem}.auth-oauth{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.auth-oauth-btn{border-radius:var(--radius-full);border:1px solid var(--surface-raised);background:var(--surface-card);color:var(--text-primary);font-family:var(--font-ui);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.auth-oauth-btn:hover{border-color:var(--accent-gold-dim);background:var(--accent-gold-glow)}.auth-divider{color:var(--text-muted);font-family:var(--font-ui);align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--surface-raised);flex:1;height:1px}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-field label{font-family:var(--font-ui);color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.auth-field input{border-radius:var(--radius-md);border:1px solid var(--surface-raised);background:var(--surface-base);width:100%;color:var(--text-primary);font-family:var(--font-body);padding:11px 14px;font-size:.9375rem}.auth-field input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #efb8392e}.auth-submit{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-gold), var(--accent-amber));color:var(--text-on-accent);font-family:var(--font-ui);cursor:pointer;transition:filter var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);border:none;margin-top:6px;padding:12px 16px;font-size:.9375rem;font-weight:700}.auth-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--accent-wine);margin:0;font-size:.8125rem}.auth-switch{text-align:center;color:var(--text-secondary);margin:20px 0 0;font-size:.8125rem}.auth-switch a{color:var(--accent-gold);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@keyframes authReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
