:root{--blue:#0f4c81;--navy:#071f35;--orange:#f57c00;--ink:#17263b}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:#eef3f8;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.login-shell{grid-template-columns:minmax(360px,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.brand-panel{color:#fff;isolation:isolate;background:linear-gradient(135deg,#0a2c47,#0f4c81);min-height:100vh;position:relative;overflow:hidden}.brand-panel:before{content:"";background:var(--dg-runtime-logo-url,url(/assets/logo-BKhzXkqO.JPEG)) center/cover;opacity:.22;z-index:-2;animation:14s ease-in-out infinite alternate float-bg;position:absolute;inset:0;transform:scale(1.08)}.brand-overlay{z-index:-1;background:linear-gradient(135deg,#051a30eb,#0f4c81b8);position:absolute;inset:0}.brand-content{flex-direction:column;justify-content:center;max-width:520px;min-height:calc(100vh - 54px);padding:clamp(42px,8vw,100px);display:flex}.brand-logo{object-fit:cover;background:#fff;border-radius:22px;width:82px;height:82px;padding:7px;box-shadow:0 20px 40px #0000003d}.brand-kicker,.eyebrow{color:#ffbc66;letter-spacing:.13em;text-transform:uppercase;margin:28px 0 10px;font-size:.72rem;font-weight:800}.brand-panel h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,6vw,5rem);line-height:.96}.brand-copy{color:#fffc;max-width:390px;font-size:1.08rem;line-height:1.65}.brand-panel footer{color:#ffffffa3;padding:18px clamp(42px,8vw,100px);font-size:.8rem}.access-panel{background:radial-gradient(circle at 100% 0,#fff 0,#0000 36%),#eef3f8;place-items:center;padding:32px;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #0f4c811a;border-radius:30px;width:min(100%,460px);padding:clamp(30px,5vw,54px);animation:.55s ease-out card-in;box-shadow:0 28px 70px #0f4c8124}.login-card .eyebrow{color:var(--orange);margin:0 0 10px}.login-card h2{letter-spacing:-.04em;margin:0;font-size:2rem}.intro{color:#68798e;margin:8px 0 28px}form{gap:9px;display:grid}label{color:#384b61;font-size:.88rem;font-weight:700}input{width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #d7e0eb;border-radius:14px;padding:0 15px}input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 4px #0f4c811a}.password-field{position:relative}.password-field input{padding-right:78px}.password-toggle{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin:7px 0 13px;display:flex}.remember{align-items:center;gap:8px;font-weight:600;display:flex}.remember input{width:16px;min-height:16px}.forgot-password{color:var(--blue);font-size:.84rem;font-weight:700}.submit-login{background:linear-gradient(135deg,var(--blue),#1566a7);color:#fff;cursor:pointer;border:0;border-radius:15px;min-height:54px;font:800 1rem inherit;box-shadow:0 15px 25px #0f4c8138}.submit-login:disabled{opacity:.7;cursor:wait}.button-loader{vertical-align:middle;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:17px;height:17px;margin-left:8px;animation:.7s linear infinite spin}#msg{color:#c62828;min-height:22px;margin-top:16px;font-size:.9rem;font-weight:700}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-bg{to{transform:scale(1.18)translate(-1%,-1%)}}@media (width<=800px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:300px}.brand-content{min-height:260px;padding:40px 28px}.brand-panel h1{font-size:2.7rem}.brand-copy{display:none}.brand-panel footer{padding:0 28px 22px}.access-panel{padding:24px 16px}}