@keyframes float-orb-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-60px) scale(1.15)}50%{transform:translate(-30px,-100px) scale(.95)}75%{transform:translate(60px,-40px) scale(1.1)}}@keyframes float-orb-2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-50px,30px) scale(1.1)}50%{transform:translate(40px,60px) scale(.9)}75%{transform:translate(-30px,-20px) scale(1.05)}}@keyframes float-orb-3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.2)}66%{transform:translate(-60px,20px) scale(.85)}}@keyframes pulse-glow{0%,to{opacity:.4;filter:blur(80px)}50%{opacity:.7;filter:blur(100px)}}@keyframes grid-scroll{0%{transform:perspective(400px) rotateX(60deg) translateY(0)}to{transform:perspective(400px) rotateX(60deg) translateY(50px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes border-glow{0%,to{border-color:#6366f133;box-shadow:0 0 20px #6366f10d}50%{border-color:#8b5cf666;box-shadow:0 0 30px #8b5cf61a}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}@keyframes wire-pulse{0%,to{stroke-dashoffset:0;opacity:.15}50%{stroke-dashoffset:40;opacity:.4}}@keyframes btn-shine{0%{left:-100%}to{left:200%}}.login-page{min-height:100vh;min-height:100dvh;display:flex;position:relative;overflow:hidden;background:#06080f;font-family:Inter,sans-serif}.login-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.12}.login-grid-bg:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(99,102,241,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.3) 1px,transparent 1px);background-size:60px 60px;animation:grid-scroll 8s linear infinite}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.login-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#8b5cf699;animation:particle-float linear infinite}.login-particle:nth-child(1){left:10%;bottom:-5%;animation-duration:12s;animation-delay:0s;background:#6366f1b3}.login-particle:nth-child(2){left:20%;bottom:-5%;animation-duration:15s;animation-delay:2s;width:2px;height:2px;background:#06b6d499}.login-particle:nth-child(3){left:35%;bottom:-5%;animation-duration:10s;animation-delay:4s;background:#a855f780}.login-particle:nth-child(4){left:50%;bottom:-5%;animation-duration:18s;animation-delay:1s;width:4px;height:4px;background:#6366f166}.login-particle:nth-child(5){left:65%;bottom:-5%;animation-duration:14s;animation-delay:3s;background:#06b6d480}.login-particle:nth-child(6){left:80%;bottom:-5%;animation-duration:11s;animation-delay:5s;width:2px;height:2px;background:#8b5cf699}.login-particle:nth-child(7){left:90%;bottom:-5%;animation-duration:16s;animation-delay:.5s;background:#6366f180}.login-particle:nth-child(8){left:45%;bottom:-5%;animation-duration:13s;animation-delay:6s;width:4px;height:4px;background:#a855f766}.login-brand-panel{flex:1;display:none;flex-direction:column;justify-content:center;padding:4rem;position:relative;z-index:2}@media(min-width:768px){.login-brand-panel{display:flex}}.login-brand-content{position:relative;z-index:5;animation:slide-in-left 1s ease-out both}.login-brand-content h1{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#c7d2fe,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-brand-content p{font-size:1rem;color:#a5b4fc99;line-height:1.7;max-width:380px;font-weight:500}.login-brand-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f126;border:1px solid rgba(99,102,241,.2);border-radius:100px;color:#a5b4fc;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand-badge .dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d39980;animation:typing-cursor 2s ease-in-out infinite}.login-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.login-orb{position:absolute;border-radius:50%;filter:blur(2px)}.login-orb-1{width:280px;height:280px;top:15%;left:30%;background:radial-gradient(circle,#6366f180,#6366f100 70%);animation:float-orb-1 20s ease-in-out infinite}.login-orb-2{width:200px;height:200px;bottom:20%;left:15%;background:radial-gradient(circle,#a855f766,#a855f700 70%);animation:float-orb-2 16s ease-in-out infinite}.login-orb-3{width:150px;height:150px;top:40%;left:55%;background:radial-gradient(circle,#06b6d459,#06b6d400 70%);animation:float-orb-3 14s ease-in-out infinite}.login-mesh-sphere{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;border:1px solid rgba(99,102,241,.15);animation:rotate-slow 30s linear infinite,pulse-glow 6s ease-in-out infinite;z-index:2}.login-mesh-sphere:before,.login-mesh-sphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(139,92,246,.12)}.login-mesh-sphere:before{transform:rotateX(60deg)}.login-mesh-sphere:after{transform:rotateY(60deg)}.login-mesh-ring{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;border:1px dashed rgba(99,102,241,.08);animation:rotate-slow 50s linear infinite reverse;z-index:1}.login-features{margin-top:3rem;display:flex;flex-direction:column;gap:1rem;animation:fade-in-up 1s ease-out .5s both}.login-feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.login-feature-item:hover{background:#ffffff0f;border-color:#6366f133;transform:translate(4px)}.login-feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.login-feature-icon.purple{background:#8b5cf626;color:#a78bfa}.login-feature-icon.blue{background:#3b82f626;color:#60a5fa}.login-feature-icon.cyan{background:#06b6d426;color:#22d3ee}.login-feature-text{font-size:.8rem;font-weight:600;color:#e2e8f0b3;letter-spacing:-.01em}.login-card-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:10}.login-card{width:100%;max-width:420px;padding:2.5rem;background:#0f1223b3;border:1px solid rgba(99,102,241,.15);border-radius:2rem;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 0 0 1px #6366f10d,0 25px 60px #00000080,0 0 120px #6366f10d,inset 0 1px #ffffff0d;animation:slide-in-right .8s ease-out both,border-glow 4s ease-in-out infinite;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),rgba(6,182,212,.3),transparent)}.login-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,rgba(99,102,241,.03) 25%,transparent 50%,rgba(139,92,246,.03) 75%,transparent 100%);animation:rotate-slow 20s linear infinite;pointer-events:none}.login-logo{width:64px;height:64px;margin:0 auto 2rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);box-shadow:0 8px 30px #6366f14d,0 0 60px #6366f11a;color:#fff;animation:scale-in .6s ease-out .3s both;position:relative;z-index:2}.login-header{text-align:center;margin-bottom:2rem;animation:fade-in-up .8s ease-out .4s both;position:relative;z-index:2}.login-header h2{font-size:1.75rem;font-weight:800;color:#f1f5f9;letter-spacing:-.03em;margin-bottom:.5rem}.login-header p{font-size:.85rem;color:#94a3b8b3;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1rem;animation:fade-in-up .8s ease-out .5s both;position:relative;z-index:2}.login-input-group{position:relative}.login-input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b866;transition:color .3s ease;pointer-events:none;z-index:3}.login-input-group:focus-within .login-input-icon{color:#818cf8}.login-input{width:100%;padding:1rem 1.25rem 1rem 3.25rem;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:1rem;color:#f1f5f9;font-size:.875rem;font-weight:600;font-family:Inter,sans-serif;outline:none;transition:all .35s ease;letter-spacing:-.01em}.login-input::placeholder{color:#94a3b859;font-weight:500}.login-input:focus{border-color:#6366f180;background:#6366f10a;box-shadow:0 0 0 4px #6366f114,0 0 20px #6366f10d}.login-input.error{border-color:#f43f5e80;background:#f43f5e0a;box-shadow:0 0 0 4px #f43f5e14}.login-btn{position:relative;width:100%;padding:1rem;margin-top:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#06b6d4);border:none;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;overflow:hidden;transition:all .4s ease;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 25px #6366f140,0 0 60px #6366f114}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #6366f159,0 0 80px #8b5cf61f}.login-btn:active{transform:translateY(0) scale(.98)}.login-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:btn-shine 3s ease-in-out infinite}.login-btn svg{transition:transform .3s ease}.login-btn:hover svg{transform:translate(3px)}.login-error{text-align:center;font-size:.65rem;font-weight:800;color:#fb7185;text-transform:uppercase;letter-spacing:.15em;padding:.75rem;background:#f43f5e0f;border:1px solid rgba(244,63,94,.12);border-radius:.75rem;animation:fade-in-up .4s ease-out both}.login-footer{text-align:center;margin-top:2rem;animation:fade-in-up .8s ease-out .7s both;position:relative;z-index:2}.login-footer-text{font-size:.6rem;font-weight:700;color:#94a3b84d;text-transform:uppercase;letter-spacing:.2em;line-height:1.8}.login-footer-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);margin:1rem auto}.login-security-badges{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem;animation:fade-in-up .8s ease-out .8s both;position:relative;z-index:2}.login-security-badge{display:flex;align-items:center;gap:.35rem;font-size:.55rem;font-weight:700;color:#94a3b859;text-transform:uppercase;letter-spacing:.1em}.login-security-badge svg{opacity:.4}.login-mobile-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;animation:fade-in-down .8s ease-out both;position:relative;z-index:2}@media(min-width:768px){.login-mobile-brand{display:none}}.login-mobile-brand h1{font-size:1.5rem;font-weight:900;color:#f1f5f9;letter-spacing:-.03em;margin-top:1rem}.login-mobile-brand p{font-size:.7rem;color:#94a3b880;font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem}.login-corner-accent{position:absolute;width:80px;height:80px;z-index:1}.login-corner-accent.top-left{top:20px;left:20px;border-top:1px solid rgba(99,102,241,.15);border-left:1px solid rgba(99,102,241,.15);border-top-left-radius:16px}.login-corner-accent.bottom-right{bottom:20px;right:20px;border-bottom:1px solid rgba(99,102,241,.15);border-right:1px solid rgba(99,102,241,.15);border-bottom-right-radius:16px}.login-version-badge{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;color:#94a3b833;text-transform:uppercase;letter-spacing:.2em;z-index:5;display:none}@media(min-width:768px){.login-version-badge{display:block}}