.auth-page{background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-bg-glow{filter:blur(120px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.auth-bg-glow.glow-1{background:#9333ea;width:500px;height:500px;animation:8s ease-in-out infinite floatGlow1;top:-150px;left:-100px}.auth-bg-glow.glow-2{background:#e83e8c;width:400px;height:400px;animation:10s ease-in-out infinite floatGlow2;bottom:-100px;right:-100px}.auth-bg-glow.glow-3{opacity:.15;background:#a78bfa;width:300px;height:300px;animation:6s ease-in-out infinite floatGlow3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatGlow1{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}@keyframes floatGlow2{0%,to{transform:translate(0)}50%{transform:translate(-30px,-40px)}}@keyframes floatGlow3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}.auth-page .noise-overlay{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f19cc;border:1px solid #9333ea33;border-radius:20px;width:100%;max-width:440px;padding:40px;animation:.5s cardAppear;position:relative}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{text-align:center;margin-bottom:8px}.auth-logo a{letter-spacing:-.5px;font-size:1.8rem;font-weight:700;text-decoration:none}.auth-logo .logo-dev{color:#fff}.auth-logo .logo-stack{color:#e83e8c}.auth-tabs{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;margin:24px 0 32px;padding:4px;display:flex}.auth-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.auth-tab.active{color:#fff;background:linear-gradient(135deg,#9333ea,#e83e8c);box-shadow:0 2px 12px #9333ea4d}.auth-tab:not(.active):hover{color:#fffc;background:#ffffff0d}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:#ffffffb3;padding-left:2px;font-size:.85rem;font-weight:500}.auth-input-wrapper{position:relative}.auth-input-wrapper .input-icon{color:#ffffff4d;pointer-events:none;font-size:.9rem;transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{color:#fff;background:#ffffff0d;border:1px solid #9333ea26;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:.95rem;transition:all .3s}.auth-input::placeholder{color:#ffffff40}.auth-input:focus{background:#ffffff14;border-color:#9333ea80;box-shadow:0 0 0 3px #9333ea1a}.auth-input:focus~.input-icon,.auth-input:focus+.input-icon{color:#a78bfa}.password-toggle{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.9rem;transition:color .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#fff9}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#e83e8c);border:none;border-radius:12px;width:100%;margin-top:6px;padding:13px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #9333ea66}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:10px 14px;font-size:.85rem;animation:.4s shakeError}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.auth-divider{color:#ffffff4d;align-items:center;gap:16px;margin:4px 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#9333ea26;flex:1;height:1px}.auth-footer{text-align:center;color:#fff6;margin-top:24px;font-size:.85rem}.auth-footer a{color:#a78bfa;font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#e83e8c}.auth-success{z-index:2;background:#0f0f19f2;border-radius:20px;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.auth-success-icon{background:linear-gradient(135deg,#9333ea,#e83e8c);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;animation:.4s popIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width:480px){.auth-card{border-radius:16px;padding:28px 24px}.auth-logo a{font-size:1.5rem}}