:root{--opolis-navy:#01153e;--opolis-navy-soft:#08285f;--opolis-blue:#007acc;--opolis-sky:#65c6e7;--opolis-ink:#17213a;--opolis-muted:#69758c;--opolis-surface:#fff;--opolis-line:#dce4ef;--opolis-error:#b42318}
*{box-sizing:border-box}body.login-page{min-height:100vh;margin:0;color:var(--opolis-ink);background:radial-gradient(circle at 12% 12%,rgba(101,198,231,.18),transparent 30rem),linear-gradient(135deg,#f5f8fc 0%,#edf3fa 52%,#f8fafc 100%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.login-shell{min-height:100vh}.login-brand-panel{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(145deg,var(--opolis-navy) 0%,var(--opolis-navy-soft) 66%,#075a91 100%);color:#fff}.login-brand-panel:before,.login-brand-panel:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.13);border-radius:50%}.login-brand-panel:before{width:34rem;height:34rem;right:-18rem;top:-12rem}.login-brand-panel:after{width:22rem;height:22rem;left:-13rem;bottom:-10rem}.brand-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;padding:clamp(2rem,6vw,5.5rem)}.brand-mark{display:inline-flex;align-items:center;gap:.85rem;color:#fff;text-decoration:none}.brand-shield{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.85rem;background:#fff;color:var(--opolis-navy);box-shadow:0 10px 30px rgba(0,0,0,.16)}.brand-name{font-size:1.25rem;font-weight:800;letter-spacing:.13em}.brand-copy{max-width:35rem;margin:4rem 0}.brand-kicker{margin-bottom:1rem;color:var(--opolis-sky);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.brand-copy h1{max-width:30rem;margin:0 0 1.4rem;font-size:clamp(2.25rem,4.5vw,4.8rem);font-weight:750;line-height:1.02;letter-spacing:-.045em}.brand-copy p{max-width:29rem;margin:0;color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.7}.brand-foot{color:rgba(255,255,255,.52);font-size:.82rem}.login-form-panel{min-height:100vh;background:rgba(255,255,255,.66);backdrop-filter:blur(12px)}.login-form-wrap{width:min(100%,29rem);padding:2rem}.mobile-brand{display:none;margin-bottom:2.5rem;color:var(--opolis-navy)}.login-eyebrow{color:var(--opolis-blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-title{margin:.65rem 0;color:var(--opolis-navy);font-size:clamp(2rem,4vw,2.75rem);font-weight:750;letter-spacing:-.04em}.login-intro{margin:0 0 2rem;color:var(--opolis-muted);line-height:1.65}.login-alert{display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.9rem 1rem;border:1px solid #f2c7c2;border-radius:.85rem;color:var(--opolis-error);background:#fff4f2;font-size:.9rem}.form-label{margin-bottom:.55rem;color:var(--opolis-ink);font-size:.88rem;font-weight:700}.login-control{min-height:3.35rem;border:1px solid var(--opolis-line);border-radius:.85rem;color:var(--opolis-ink);background:var(--opolis-surface);box-shadow:0 1px 2px rgba(15,23,42,.03)}.login-control:focus{border-color:var(--opolis-blue);box-shadow:0 0 0 .25rem rgba(0,122,204,.12)}.password-wrap{position:relative}.password-wrap .login-control{padding-right:3.5rem}.password-toggle{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);border:0;border-radius:.6rem;padding:.45rem .55rem;color:var(--opolis-muted);background:transparent;font-size:.78rem;font-weight:700}.password-toggle:hover,.password-toggle:focus{color:var(--opolis-navy);background:#eef4fa}.login-submit{min-height:3.35rem;border:0;border-radius:.85rem;background:linear-gradient(110deg,var(--opolis-navy),#075f9a);box-shadow:0 12px 28px rgba(1,21,62,.2);font-weight:750;transition:transform .18s ease,box-shadow .18s ease}.login-submit:hover,.login-submit:focus{background:linear-gradient(110deg,#001033,#0070b8);transform:translateY(-1px);box-shadow:0 15px 34px rgba(1,21,62,.25)}.register-note{margin:1.65rem 0 0;color:var(--opolis-muted);font-size:.92rem;text-align:center}.register-note a{color:var(--opolis-blue);font-weight:750;text-decoration:none}.register-note a:hover{text-decoration:underline}.login-help{margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--opolis-line);color:var(--opolis-muted);font-size:.82rem;text-align:center}.login-help a{color:var(--opolis-ink)}
@media(max-width:991.98px){.login-brand-panel{display:none!important}.mobile-brand{display:inline-flex}.login-form-panel{background:transparent}.login-form-wrap{padding:2.25rem 1.4rem}}
@media(prefers-reduced-motion:reduce){.login-submit{transition:none}}
.brand-mark{gap:0}.brand-logo{display:block;width:auto;max-width:min(100%,15rem);height:3.25rem;object-fit:contain}.mobile-brand .brand-logo{height:2.8rem}