:root{font-family:"Segoe UI",Arial,sans-serif;color:#17324b;background:#f8fafc;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:#1264a3;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #00a7db;outline-offset:5px}
.login-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-height:560px;background:radial-gradient(ellipse at 25% 18%,#e7f8ff,transparent 56%),radial-gradient(ellipse at 78% 85%,#edf2ff,transparent 60%),#f5f9fd}.login-art canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.login-brand{z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;color:#123a60;text-decoration:none!important;border-radius:24px;padding:24px;background:radial-gradient(ellipse,#f5f9fde8 15%,#f5f9fd00 72%)}.login-brand img{display:block;width:180px;height:auto;filter:drop-shadow(0 12px 22px #0c67a318)}.login-brand>span{font-size:54px;font-weight:700;letter-spacing:-2.5px}.brand-dot{color:#ef8b00}.login-tagline{z-index:1;font-size:15px;color:#45647e;margin:15px 20px;text-align:center;background:#f5f9fdde;padding:8px 16px;border-radius:20px}
.login-access{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:72px 40px 32px}.login-form-wrap{width:100%;max-width:380px;margin:auto 0}.login-product{font-size:13px;letter-spacing:1.4px;color:#1264a3;font-weight:650;text-transform:uppercase}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:18px 0 12px;font-weight:650}.login-description{font-size:15px;line-height:1.65;color:#637487;margin:0 0 32px}form{display:flex;flex-direction:column}label{font-size:14px;font-weight:600;margin-bottom:9px}input{font:inherit;width:100%;height:50px;padding:0 14px;border:1px solid #cdd8e3;border-radius:10px;background:#fff;color:#17324b;margin-bottom:22px}input:focus{outline:none;border-color:#1264a3;box-shadow:0 0 0 3px #1264a31a}button{font:inherit;font-weight:600;height:50px;border:0;border-radius:10px;color:#fff;background:#1264a3;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin-top:5px}button:hover{background:#0c5289}button span{font-size:23px}.login-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;font-size:13px;margin-top:26px}footer{font-size:12px;color:#6d7e8d;margin-top:64px}footer span{margin:0 10px}.login-alert{border:1px solid #efb8bd;border-radius:10px;padding:12px 14px;background:#fff4f5;color:#a32836;font-size:14px;line-height:1.5;margin-bottom:24px}.login-alert p{margin:0}.login-success{background:#f0faf5;color:#216b47;border-color:#aad7bc}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{min-height:260px}.login-art canvas{height:400px;top:-65px}.login-brand{flex-direction:row;gap:12px;padding:12px}.login-brand img{width:78px}.login-brand>span{font-size:38px;letter-spacing:-1.5px}.login-tagline{margin:5px 16px;font-size:13px}.login-access{padding:36px 24px 24px}h1{font-size:28px}footer{margin-top:42px}}

.login-form-wrap select{width:100%;min-height:48px;padding:12px 14px;margin:8px 0 20px;border:1px solid #cad6e0;border-radius:10px;background:#fff;color:#17324b;font:inherit}.login-print .login-form-wrap button{background:#7626b9}.login-print .login-product,.login-print a{color:#7626b9}

.login-brand>span{font-size:clamp(26px,3.3vw,46px);letter-spacing:-1.5px;text-align:center}