.login-page{--navy:#060d1f;--navy2:#0b1630;--navy3:#0f1e42;--blue:#1a6ef5;--blue2:#4a9eff;--teal:#0fc9b0;--teal2:#5de8d4;--green:#4ac94a;--text:#e8edf8;--muted:#7a8aaa;--border:#64a0ff1f}.login-page,.login-page html,.login-page body{margin:0;padding:0}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box}.login-page{background:var(--navy);height:100vh;min-height:600px;color:var(--text);z-index:9999;font-family:Outfit,sans-serif;position:fixed;inset:0;overflow:hidden}.scan-line{background:linear-gradient(90deg, transparent 0%, var(--teal) 50%, transparent 100%);opacity:0;pointer-events:none;z-index:999;height:2px;animation:6s ease-in-out infinite scan;position:fixed;top:0;left:0;right:0}@keyframes scan{0%{opacity:0;top:0%}5%{opacity:.5}95%{opacity:.3}to{opacity:0;top:100%}}.layout{grid-template-columns:1fr 1fr;height:100vh;min-height:600px;display:grid}.left{background:var(--navy2);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.left:before{content:"";background-image:linear-gradient(#64a0ff0f 1px,#0000 1px),linear-gradient(90deg,#64a0ff0f 1px,#0000 1px);background-size:48px 48px;animation:20s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(48px,48px)}}.left:after{content:"";pointer-events:none;background:radial-gradient(60% 40% at 30% 80%,#0fc9b014 0%,#0000 60%),radial-gradient(50% 50% at 70% 20%,#1a6ef51a 0%,#0000 60%);position:absolute;inset:0}.left-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:2.5rem;max-width:440px;display:flex;position:relative}.data-bars{opacity:.7;align-items:flex-end;gap:5px;height:40px;display:flex}.bar{background:linear-gradient(to top, var(--teal), var(--blue2));border-radius:3px 3px 0 0;width:5px;animation:2.4s ease-in-out infinite barPulse}.bar:first-child{height:40%;animation-delay:0s}.bar:nth-child(2){height:70%;animation-delay:.2s}.bar:nth-child(3){height:100%;animation-delay:.4s}.bar:nth-child(4){height:55%;animation-delay:.6s}.bar:nth-child(5){height:85%;animation-delay:.8s}.bar:nth-child(6){height:45%;animation-delay:1s}.bar:nth-child(7){height:95%;animation-delay:1.2s}.bar:nth-child(8){height:60%;animation-delay:1.4s}.bar:nth-child(9){height:30%;animation-delay:1.6s}@keyframes barPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.logo-wrap{position:relative}.logo-wrap img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 40px #1a6ef559)drop-shadow(0 0 80px #0fc9b033);width:260px;height:260px;animation:6s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tagline{flex-direction:column;gap:.6rem;display:flex}.tagline-main{background:linear-gradient(135deg, #e8edf8 30%, var(--teal2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:DM Serif Display,serif;font-size:2rem;line-height:1.15}.tagline-sub{letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:400}.stat-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{border:1px solid var(--border);color:var(--blue2);letter-spacing:.03em;background:#1a6ef514;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-family:DM Mono,monospace;font-size:.72rem;animation:4s ease-in-out infinite chipFade;display:flex}.chip:nth-child(2){color:var(--teal2);background:#0fc9b012;border-color:#0fc9b02e;animation-delay:1.3s}.chip:nth-child(3){color:#a78bfa;background:#8b5cf612;border-color:#8b5cf62e;animation-delay:2.6s}.chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotBlink}@keyframes chipFade{0%,to{opacity:.6}50%{opacity:1}}@keyframes dotBlink{0%,to{opacity:.3}50%{opacity:1}}.right{background:var(--navy);justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.right:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a6ef512 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.login-box{z-index:1;width:100%;max-width:380px;animation:.8s cubic-bezier(.22,1,.36,1) both boxIn;position:relative}@keyframes boxIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2.4rem}.login-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.7rem}.login-title{color:var(--text);font-family:DM Serif Display,serif;font-size:2.2rem;line-height:1.1}.login-title em{background:linear-gradient(90deg, var(--blue2), var(--teal2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.login-desc{color:var(--muted);margin-top:.7rem;font-size:.85rem;font-weight:300;line-height:1.6}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:500}.field-wrap{position:relative}.field-icon{opacity:.45;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field input{background:var(--navy3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:13px 14px 13px 40px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:var(--muted);opacity:.7}.field input:focus{background:#1a6ef50d;border-color:#1a6ef580;box-shadow:0 0 0 3px #1a6ef51a}.field input.input-error{border-color:#ff505080}.field input.input-error:focus{box-shadow:0 0 0 3px #ff50501f}.field-error{color:#ff6060;margin-top:2px;font-size:.72rem}.form-footer{justify-content:flex-end;margin-top:-.2rem;display:flex}.forgot{color:var(--blue2);opacity:.75;font-size:.78rem;text-decoration:none;transition:opacity .2s}.forgot:hover{opacity:1}.btn-login{background:linear-gradient(135deg, var(--blue) 0%, #0f9fe0 50%, var(--teal) 100%);color:#fff;letter-spacing:.04em;cursor:pointer;background-size:200% 200%;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:.4rem;padding:14px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;transition:transform .15s,box-shadow .2s,background-position .4s;animation:4s infinite btnGradient;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #1a6ef54d}.btn-login:disabled{opacity:.7;cursor:not-allowed}@keyframes btnGradient{0%,to{background-position:0%}50%{background-position:100%}}.btn-login:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 30px #1a6ef566}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;height:100%;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-login:disabled:after{display:none}@keyframes shimmer{0%{left:-100%}60%,to{left:200%}}.btn-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{color:var(--muted);letter-spacing:.1em;align-items:center;gap:12px;margin:.4rem 0;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.sso-btn{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:400;transition:background .2s,border-color .2s;display:flex}.sso-btn:hover{background:var(--navy3);border-color:#64a0ff40}.login-bottom{text-align:center;color:var(--muted);margin-top:1.4rem;font-size:.78rem}.login-bottom a{color:var(--blue2);text-decoration:none}.login-bottom a:hover{text-decoration:underline}.lang-switcher{justify-content:center;gap:8px;margin-top:1.6rem;display:flex}.lang-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-family:DM Mono,monospace;font-size:.7rem;transition:all .18s}.lang-btn:hover{color:var(--text);border-color:#1a6ef566}.lang-btn.active{border-color:var(--blue2);color:var(--blue2);background:#1a6ef51f}@media (width<=768px){.layout{grid-template-columns:1fr}.left{display:none}.right{padding:2rem 1.5rem}}