.auth-page{--bg:#0a0a14;--surface:#13131f;--surface2:#1a1a2a;--surface3:#21213a;--surface4:#21213a;--overlay:rgba(0,0,0,0.7);--border:rgba(255,255,255,0.08);--border2:rgba(255,255,255,0.05);--border-teal:rgba(45,212,191,0.5);--teal:#0d9488;--teal-light:#2dd4bf;--teal-dark:#0f766e;--teal-dim:rgba(13,148,136,0.14);--teal-glow:rgba(13,148,136,0.65);--text:#eefcfb;--text-muted:#8ba39f;--text-dim:#3e5a56;--text-body:#cfe3e0;--link-hover:#5eead4;--green:#22c55e;--red:#f43f5e;--red-dark:#e11d48;--amber:#f59e0b;--gold:#fbbf24;--star:#f5c842;--blue:#3b82f6;--purple:#a78bfa;--font:"Google Sans",var(--font-outfit),var(--font-inter),system-ui,sans-serif;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;display:flex}.auth-page ::placeholder{color:var(--text-dim);opacity:1}.auth-page input{font-family:var(--font)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes slideRight{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes checkPop{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes orbFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-20px)}}@media (max-width:768px){.auth-panel{display:none!important}}