:root{--primary:#3267e3;--text:#172033;--muted:#748096;--line:#e4e8ef}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(480px,.95fr)}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(71,120,245,.26),transparent 32%),linear-gradient(145deg,#111827 0%,#121c31 58%,#172747 100%);color:#fff;padding:48px}.visual-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.visual-content{position:relative;height:100%;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:12px}.login-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#4d83ff,#2c5ed2);box-shadow:0 12px 26px rgba(20,56,145,.35)}.login-logo svg{width:24px;height:24px}.login-brand>span:last-child{display:flex;flex-direction:column}.login-brand strong{font-size:18px}.login-brand small{font-size:10px;color:#8fa0bc;margin-top:2px;letter-spacing:.04em}.visual-message{margin:auto 0;max-width:580px}.visual-kicker{text-transform:uppercase;letter-spacing:.15em;color:#82a5ff;font-size:10px;font-weight:800}.visual-message h1{font-size:44px;line-height:1.08;letter-spacing:-1.5px;margin:15px 0 18px;max-width:520px}.visual-message p{font-size:14px;line-height:1.75;color:#aebbd0;max-width:520px;margin:0}.visual-status{display:flex;align-items:center;gap:9px;color:#9eb1cd;font-size:11px}.visual-status i{width:8px;height:8px;border-radius:50%;background:#2cc594;box-shadow:0 0 0 5px rgba(44,197,148,.12)}.login-panel{display:grid;place-items:center;padding:38px;background:#fbfcfe}.login-card{width:min(430px,100%)}.mobile-brand{display:none}.login-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#72819a;font-weight:800}.login-heading h2{font-size:30px;letter-spacing:-.8px;margin:9px 0 7px}.login-heading p{margin:0 0 28px;color:var(--muted);font-size:13px}.login-form{display:flex;flex-direction:column;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field>span:first-child{font-size:11.5px;font-weight:750}.field input{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 13px;outline:none;color:var(--text);transition:.15s;box-shadow:0 1px 2px rgba(24,39,75,.02)}.field input:focus{border-color:#8cacf8;box-shadow:0 0 0 4px rgba(50,103,227,.08)}.field-error{font-size:10px;color:#c83d4f}.password-wrap{position:relative}.password-wrap input{padding-right:67px}.password-wrap button{position:absolute;right:7px;top:7px;height:34px;border:0;border-radius:8px;background:#f3f5f8;color:#657287;font-size:10.5px;font-weight:700;padding:0 9px;cursor:pointer}.remember{display:flex;align-items:center;gap:8px;font-size:11px;color:#566277}.remember input{accent-color:var(--primary)}.login-button{height:50px;border:0;border-radius:11px;background:var(--primary);color:#fff;font-size:12.5px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 20px rgba(50,103,227,.18)}.login-button:hover{background:#285bd2}.login-button span{font-size:17px}.validation-summary{font-size:11px;color:#b72e43;background:#fff1f3;border:1px solid #ffd8df;padding:10px 12px;border-radius:9px}.validation-summary:empty{display:none}.login-note{margin-top:25px;padding:13px 14px;border-radius:11px;background:#f3f6fb;border:1px solid #e7ebf3;display:flex;flex-direction:column;gap:3px}.login-note strong{font-size:10.5px}.login-note span{font-size:11.5px;color:#33415a}.login-note small{font-size:9.5px;color:#7b8799;margin-top:3px}.simple-message{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f7f9fc;text-align:center}.simple-message>div{max-width:520px}.simple-message strong{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#edf2ff;color:#3267e3;font-size:20px}.simple-message h1{font-size:25px}.simple-message p{font-size:13px;color:#718096}.simple-message a{display:inline-block;margin-top:12px;padding:11px 15px;background:#3267e3;color:#fff;border-radius:10px;text-decoration:none;font-size:12px}
@media(max-width:950px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:50px}.mobile-brand .login-logo{width:36px;height:36px}.mobile-brand .login-logo svg{width:21px;height:21px}.login-heading h2{font-size:27px}}