:root{--navy:#061b20;--ivory:#f5f1e8;--gold:#bd9952;--ink:#0b2025;--muted:#747b7c;--serif:"Bodoni Moda",Georgia,serif;--sans:"Inter",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);background:var(--ivory);color:var(--ink)}
.ops-login{min-height:100vh;display:grid;grid-template-columns:42% 58%}
.ops-brand{background:var(--navy);color:#fff;padding:38px 42px;display:flex;flex-direction:column;justify-content:space-between}
.ops-brand img{width:215px;filter:brightness(0) invert(1)}
.ops-copy span,.eyebrow{font-size:8px;letter-spacing:.18em;color:#c6a561;font-weight:600}
.ops-copy h1{font:400 64px/.96 var(--serif);margin:12px 0 18px}
.ops-copy p{color:#c7d0d1;font-size:11px;line-height:1.7}
.ops-brand small{font-size:7px;letter-spacing:.14em;color:#98a6a8}
.login-side{display:flex;align-items:center;justify-content:center;padding:60px}
.login-card{width:100%;max-width:470px}
.login-card h2{font:400 54px/1 var(--serif);margin:12px 0}
.login-card>p{font-size:11px;color:var(--muted);margin:0 0 32px}
form label{display:block;font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:18px 0 8px}
input{width:100%;height:52px;border:1px solid #d7cebd;background:#fff;padding:0 14px;font:500 13px var(--sans);outline:none}
input:focus{border-color:#a88647}
button{width:100%;height:53px;border:0;background:var(--navy);color:#fff;margin-top:25px;padding:0 18px 0 21px;display:flex;align-items:center;justify-content:space-between;font:600 9px var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
button b{color:#d0b16e;font-size:16px;font-weight:400}
button:disabled{opacity:.55;cursor:wait}
.status{min-height:20px;margin-top:10px;font-size:10px;color:#8c4d4d}
.security-note{margin-top:26px;padding-top:18px;border-top:1px solid #d9d0bf;color:#8b8d88;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.back{display:inline-block;margin-top:18px;color:#78613a;text-decoration:none;font-size:8px}
@media(max-width:800px){.ops-login{grid-template-columns:1fr}.ops-brand{min-height:300px}.login-side{padding:42px 24px}.ops-copy h1{font-size:50px}}