@property --draw{syntax:"<number>";inherits:true;initial-value:0}:root{--blue:#1657d0;--blue-dark:#0d3e96;--blue-light:#e8f0fd;--orange:#e8720c;--orange-light:#fdeee0;--navy:#0d1b2e;--ink:#16233a;--bg:#f4f6fa;--white:#fff;--border:#e1e5ec;--text-sec:#5b6b84;--text-muted:#8a97ac}.login-body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}.toploader{z-index:9999;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.toploader .bar{background:linear-gradient(90deg,#1657d0,#4f8ff7,#e8720c);width:0%;height:100%;box-shadow:0 0 8px #1657d080}.toploader.loading .bar{animation:1.15s cubic-bezier(.4,0,.2,1) infinite loadbar}@keyframes loadbar{0%{opacity:1;width:0%}50%{width:70%}to{opacity:0;width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ringPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes ringSpin{0%{transform:translate(-50%,-52%)rotate(0)}to{transform:translate(-50%,-52%)rotate(360deg)}}.wrap{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}@media (max-width:900px){.wrap{grid-template-columns:1fr}.brand{display:none!important}}.brand{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:56px 64px;display:flex;position:relative;overflow:hidden}.center-graphic{z-index:1;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.lockup{z-index:2;align-items:center;gap:16px;display:flex}.lockup-logo{background:#fff;border-radius:8px;width:auto;height:52px;padding:4px;box-shadow:0 4px 12px #0000001a}.lockup .word{letter-spacing:.5px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.lockup .tag{color:#8fa8d8;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:11px}.headline{z-index:2;max-width:460px;margin-top:40px;margin-bottom:40px}.headline h1{letter-spacing:-.3px;font-family:Space Grotesk,sans-serif;font-size:38px;font-weight:600;line-height:1.25}.headline p{color:#a9bbdd;margin-top:18px;font-size:15.5px;line-height:1.6}.modules{z-index:2;flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.modules span{color:#c7d5f0;background:#12233e;border:.5px solid #2a3f63;border-radius:20px;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:12.5px}.foot{color:#6c82ac;z-index:2;font-size:11.5px}.panel{background:#f4f6fa;justify-content:center;align-items:center;padding:40px;display:flex}.card{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) .15s both fadeUp;box-shadow:0 10px 30px #16233a0d}.card-logo-container{align-items:center;gap:12px;margin-bottom:24px;display:none}@media (max-width:900px){.card-logo-container{display:flex}}.card-logo{background:#fff;border-radius:6px;width:auto;height:40px;padding:2px;box-shadow:0 2px 8px #0000000d}.card-logo-text{color:var(--navy);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.card h2{color:var(--navy);font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:600}.card .sub{color:var(--text-sec);margin-top:6px;margin-bottom:32px;font-size:14px}.field{opacity:0;margin-bottom:20px;animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}.field:first-of-type{animation-delay:.25s}.field:nth-of-type(2){animation-delay:.32s}.field label{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.field input{border:1px solid var(--border);width:100%;height:46px;color:var(--navy);background:#fff;border-radius:8px;padding:0 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,transform .15s}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light);outline:none;transform:translateY(-1px)}.row{opacity:0;justify-content:space-between;align-items:center;margin-bottom:26px;animation:.5s cubic-bezier(.16,1,.3,1) .38s both fadeUp;display:flex}.row label{color:var(--text-sec);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.row input[type=checkbox]{cursor:pointer}.row a{color:var(--blue);font-size:13.5px;font-weight:500;text-decoration:none;position:relative}.row a:after{content:"";background:var(--blue);width:0;height:1px;transition:width .2s;position:absolute;bottom:-2px;left:0}.row a:hover:after{width:100%}button.primary{background:var(--blue);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:background .2s,transform .12s,box-shadow .2s;animation:.5s cubic-bezier(.16,1,.3,1) .45s both fadeUp;display:flex}button.primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 6px 18px #1657d047}button.primary:active:not(:disabled){transform:translateY(0)scale(.98)}button.primary:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.8}.error-banner{color:#9b1c1c;background:#fdf2f2;border:1px solid #f8b4b4;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:13px;animation:.4s fadeUp;display:flex}.badge-secure{color:var(--text-muted);opacity:0;align-items:center;gap:8px;margin-top:32px;font-size:12px;animation:.5s cubic-bezier(.16,1,.3,1) .55s both fadeUp;display:flex}.dot{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite ringPulse}.password-input-wrapper{width:100%;position:relative}.password-toggle-btn{color:var(--text-sec);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--navy);background-color:#0000000d}.password-toggle-btn:focus{outline:none}