body.page-auth{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#070d18!important;color:#f1f5f9;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow-x:hidden;transition:background-color 1s ease;position:relative}#bg-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}#particles-canvas{position:absolute;inset:0;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6;transition:background 1s ease,transform 1s ease}.orb-1{width:650px;height:650px;top:-100px;left:-100px;background:#0284c740;animation:float1 18s ease-in-out infinite alternate}.orb-2{width:700px;height:700px;bottom:-150px;right:-150px;background:#0d948838;animation:float2 22s ease-in-out infinite alternate}.orb-center{width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e3a8a40}#central-glow{position:absolute;width:720px;height:720px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(80px);opacity:.25;transition:all .8s ease;background:radial-gradient(circle,rgba(2,132,199,.25) 0%,transparent 75%)}.login-wrapper{position:relative;z-index:10;padding:1.5rem 1rem;width:100%;max-width:440px;margin:auto}.login-card{background:#0c1322eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,65,85,.7);border-radius:24px;padding:2.25rem 2rem;box-shadow:0 25px 60px #0009;transition:border-color .5s ease,box-shadow .5s ease}body.state-success #central-glow{opacity:.95;background:radial-gradient(circle,rgba(45,212,191,.75) 0%,rgba(20,184,166,.5) 40%,transparent 80%)}body.state-success .login-card{border-color:#2dd4bfb3;box-shadow:0 0 65px #2dd4bf59,0 25px 60px #0009}body.state-success .submit-btn{background:#0d9488!important;box-shadow:0 0 25px #2dd4bf80!important}body.state-error #central-glow{opacity:.65;background:radial-gradient(circle,rgba(225,29,72,.45) 0%,transparent 75%)}body.state-error .login-card{border-color:#f43f5e99;box-shadow:0 0 50px #f43f5e40;animation:shake .55s ease-in-out}body.state-error .submit-btn{background:#e11d48!important}.brand{text-align:center}.brand-logo-wrap{display:flex;justify-content:center;align-items:center;margin:0 auto .5rem}.brand-favicon{width:62px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(45,212,191,.25));transition:transform .3s ease}.brand-favicon:hover{transform:scale(1.06)}.brand-title{font-size:1.75rem;font-weight:800;color:#fff;margin-top:.35rem;letter-spacing:-.02em}.brand-title span{color:#2dd4bf;text-shadow:0 0 16px rgba(45,212,191,.4)}.agency-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:.5rem;padding:.35rem .85rem;border-radius:999px;background:#0f172ab3;border:1px solid rgba(51,65,85,.8);font-size:.7rem;font-weight:700;letter-spacing:.15em;color:#cbd5e1;box-shadow:0 2px 8px #00000040}.agency-logo-img{width:20px;height:20px;object-fit:contain;filter:invert(1) hue-rotate(180deg) brightness(3)}.subtitle{text-align:center;color:#94a3b8;font-size:.85rem;margin:.75rem 0 1.25rem}.field-group{margin-bottom:1rem}.field-group label{display:block;font-size:.75rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.field-group input{width:100%;background:#0c1425e6;border:1px solid rgba(51,65,85,.7);border-radius:10px;padding:.75rem .95rem;color:#f1f5f9;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.field-group input:focus{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d433}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:2.75rem}.toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;opacity:.75;display:flex;align-items:center;justify-content:center;padding:4px;color:#94a3b8;transition:opacity .2s,color .2s}.toggle-btn:hover{opacity:1;color:#38bdf8}.remember-row{display:flex;align-items:center;justify-content:space-between;margin:.75rem 0 1.25rem}.remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;color:#cbd5e1}.remember-label input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:#0d9488;cursor:pointer}.submit-btn{width:100%;padding:.85rem 1.25rem;background:#0284c7;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;box-shadow:0 4px 20px #0284c766;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(:disabled){background:#0369a1;box-shadow:0 6px 24px #0284c780;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.85;cursor:not-allowed}.error-banner{padding:.75rem 1rem;border-radius:10px;background:#4c0519d9;border:1px solid rgba(190,18,60,.8);color:#fecdd3;font-size:.8rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:8px;line-height:1.35;animation:authFadeIn .3s ease-out}.error-banner.hidden{display:none!important}.status-banner{padding:.75rem 1rem;border-radius:10px;background:#064e3bd9;border:1px solid rgba(16,185,129,.8);color:#a7f3d0;font-size:.8rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:8px;line-height:1.35;animation:authFadeIn .3s ease-out}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .8s linear infinite;display:inline-block}@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes authFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes float1{0%{transform:translate(0)}to{transform:translate(40px,30px)}}@keyframes float2{0%{transform:translate(0)}to{transform:translate(-30px,-40px)}}.auth-footer{position:relative;z-index:10;width:100%;padding:1.5rem 1rem;border-top:1px solid rgba(255,255,255,.08);background:#0c132299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-footer-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}@media(min-width:640px){.auth-footer-inner{flex-direction:row;justify-content:space-between}}