.auth-page{opacity:0;z-index:100;background:#06080f;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.auth-page.auth-mounted{opacity:1}.auth-canvas{opacity:.5;z-index:0;width:100%;height:100%;position:absolute;inset:0}.auth-gradient-bg{z-index:1;background:radial-gradient(80% 60% at 20% 80%,#6366f114 0%,#0000 60%),radial-gradient(60% 50% at 80% 20%,#06b6d40f 0%,#0000 60%),radial-gradient(40% 40%,#a855f70a 0%,#0000 50%);position:absolute;inset:0}.auth-particles{z-index:2;pointer-events:none;position:absolute;inset:0}.auth-particle{background:#6366f166;border-radius:50%;animation:linear infinite particle-float;position:absolute}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}50%{opacity:.6;transform:translateY(-100px)translate(30px)scale(1.5)}90%{opacity:.2}}.auth-orbital-container{z-index:2;pointer-events:none;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-orbital{border:1px solid #0000;border-radius:50%;position:absolute;inset:0}.auth-orbital-1{border-color:#6366f114;animation:20s linear infinite orbital-spin;inset:0}.auth-orbital-2{border-color:#06b6d40f;animation:30s linear infinite reverse orbital-spin;inset:60px}.auth-orbital-3{border-color:#a855f70d;animation:25s linear infinite orbital-spin;inset:130px}.auth-orbital-1:after,.auth-orbital-2:after,.auth-orbital-3:after{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-3px}.auth-orbital-1:after{background:#6366f199;box-shadow:0 0 12px #6366f166}.auth-orbital-2:after{background:#06b6d499;box-shadow:0 0 12px #06b6d466}.auth-orbital-3:after{background:#a855f799;box-shadow:0 0 12px #a855f766}@keyframes orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-card-wrapper{z-index:10;opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards card-entrance;position:relative;transform:translateY(30px)scale(.95)}@keyframes card-entrance{to{opacity:1;transform:translateY(0)scale(1)}}.auth-card{-webkit-backdrop-filter:blur(40px)saturate(1.5);background:#0f121ed9;border:1px solid #6366f11f;border-radius:24px;width:420px;max-width:92vw;padding:40px 36px 32px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 4px 60px #00000080,0 0 100px #6366f10d,inset 0 1px #ffffff0a}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d 30%,#06b6d44d 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-glow{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.auth-glow-1{background:#6366f126;width:200px;height:200px;animation:4s ease-in-out infinite glow-pulse;top:-60px;right:-40px}.auth-glow-2{background:#06b6d41a;width:180px;height:180px;animation:5s ease-in-out infinite reverse glow-pulse;bottom:-50px;left:-30px}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.auth-logo-section{text-align:center;margin-bottom:32px}.auth-logo{justify-content:center;align-items:center;gap:14px;display:flex}.auth-logo-icon{background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid #6366f133;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;animation:3s ease-in-out infinite logo-glow;display:flex}@keyframes logo-glow{0%,to{box-shadow:0 0 20px #6366f11a}50%{box-shadow:0 0 30px #6366f133}}.auth-logo-text h1{letter-spacing:3px;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:800;line-height:1.2}.auth-cursor{background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.auth-logo-text p{color:#64748b;letter-spacing:.5px;margin:2px 0 0;font-size:11px}.auth-tabs{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:28px;padding:4px;display:flex;position:relative}.auth-tab{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:color .3s;position:relative}.auth-tab-active{color:#e2e8f0}.auth-tab-indicator{background:#6366f11f;border:1px solid #6366f126;border-radius:8px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}.auth-tab-indicator-right{transform:translate(100%)}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) field-slide}@keyframes field-slide{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:80px;transform:translateY(0)}}.auth-field label{color:#94a3b8;letter-spacing:.3px;font-size:12px;font-weight:500}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#475569;pointer-events:none;transition:color .3s;position:absolute;left:14px}.auth-input-wrapper:focus-within .auth-input-icon{color:#818cf8}.auth-input{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;outline:none;width:100%;padding:13px 14px 13px 44px;font-family:inherit;font-size:14px;transition:all .3s}.auth-input::placeholder{color:#334155}.auth-input:focus{background:#6366f10a;border-color:#6366f166;box-shadow:0 0 0 3px #6366f114,0 0 20px #6366f10d}.auth-input-password{padding-right:44px}.auth-toggle-password{color:#475569;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .3s;display:flex;position:absolute;right:12px}.auth-toggle-password:hover{color:#94a3b8}.auth-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.5s cubic-bezier(.36,.07,.19,.97) error-shake;display:flex}@keyframes error-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #6366f14d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-submit:before{content:"";background:linear-gradient(135deg,#0000,#ffffff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.auth-submit:hover:not(:disabled):before{transform:translate(100%)}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff2,#5b56e8);transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d,0 0 40px #6366f11a}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;border-top:1px solid #ffffff0a;margin-top:24px;padding-top:20px}.auth-footer p{color:#475569;margin:0;font-size:13px}.auth-switch-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .3s}.auth-switch-btn:hover{color:#a5b4fc}.auth-security-badge{color:#475569;z-index:11;opacity:0;background:#ffffff08;border:1px solid #ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards card-entrance;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:480px){.auth-card{border-radius:20px;padding:28px 24px 24px}.auth-logo-text h1{font-size:20px}.auth-orbital-container{width:400px;height:400px}}