:root{--ink:#171411;--cream:#f4efe5;--paper:#fffdf8;--red:#8c1515;--gold:#d8c7a0;--navy:#202333}
*{box-sizing:border-box}
body.login-page{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fffaf0 0,#f2eadc 48%,#e5dbc9 100%);color:var(--ink);font-family:Georgia,"Times New Roman",serif;display:grid;place-items:center;padding:28px}
.login-shell{width:min(1020px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,253,248,.96);border:1px solid rgba(140,21,21,.18);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(30,24,18,.18)}
.login-intro{padding:54px;background:linear-gradient(150deg,#1f2230,#343647);color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}
.login-brand{display:flex;gap:18px;align-items:center}.login-brand img{width:82px;height:82px;border-radius:50%;object-fit:cover;background:white;padding:5px}.login-brand strong{font-size:1.45rem}.login-brand small{display:block;opacity:.72;margin-top:5px;font-family:Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem}
.login-intro h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98;margin:55px 0 22px}.login-intro p{font-family:Arial,sans-serif;font-size:1.04rem;line-height:1.7;color:#e3e4ea;max-width:44ch}.login-levels{font-family:Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#e8a33d;font-weight:700;font-size:.78rem}
.login-panel{padding:54px;display:flex;flex-direction:column;justify-content:center}.login-panel .eyebrow{font-family:Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:700;font-size:.75rem}.login-panel h2{font-size:2.5rem;margin:12px 0 8px}.login-panel .intro-copy{font-family:Arial,sans-serif;color:#5f5a53;line-height:1.55;margin:0 0 32px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-family:Arial,sans-serif;font-weight:700;font-size:.9rem}.field input{width:100%;border:1px solid #cec4b4;border-radius:13px;padding:15px 16px;font-size:1rem;background:white;outline:none}.field input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(140,21,21,.1)}.password-row{position:relative}.password-row input{padding-right:82px}.password-row button{position:absolute;right:9px;top:8px;border:0;background:#f1ece3;border-radius:9px;padding:8px 10px;cursor:pointer}
.login-submit{width:100%;border:0;border-radius:14px;padding:16px;background:var(--red);color:white;font-size:1rem;font-weight:800;cursor:pointer;margin-top:5px}.login-submit:disabled{opacity:.65;cursor:wait}.reset-link{border:0;background:none;color:var(--red);text-decoration:underline;cursor:pointer;padding:14px 0 0;font-weight:700}.login-message{font-family:Arial,sans-serif;border-radius:12px;padding:12px 14px;margin:0 0 18px;background:#f8dddd;color:#701010}.login-message[data-type="success"]{background:#dff1e5;color:#185a2e}.login-note{font-family:Arial,sans-serif;color:#6c665e;font-size:.82rem;line-height:1.5;margin-top:28px;padding-top:22px;border-top:1px solid #ded5c7}
@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-intro{min-height:auto;padding:34px}.login-intro h1{margin:36px 0 18px}.login-panel{padding:34px}}