:root{--navy:#061729;--navy2:#0d263b;--orange:#f26a21;--green:#77ad69;--cream:#f6f1e7;--muted:#a6b4bf}*{box-sizing:border-box}body{margin:0;background:var(--navy);font-family:"DM Sans",Arial,sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand-panel{padding:46px 7vw;background:#041321;color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #243e53}.brand-panel>a{text-decoration:none;color:#fff;font-size:24px;font-weight:700}.brand-panel>a strong{color:var(--orange)}.brand-panel>p{margin:-20px 0 auto;color:var(--muted);font-size:12px}.brand-panel small,.eyebrow{color:var(--orange);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.brand-panel h1{font:62px/1.02 "Libre Caslon Display",Georgia,serif;max-width:660px;margin:16px 0}.brand-panel div p{max-width:590px;color:#c6d0d7;line-height:1.7}.brand-panel footer{color:#7f929f;font-size:10px}.form-panel{background:#0b2135;color:#fff;display:grid;place-items:center;padding:42px}.form-wrap{width:min(440px,100%);background:#102c43;border:1px solid #355066;border-radius:10px;padding:38px;box-shadow:0 24px 70px rgba(0,0,0,.25)}h2{font:42px/1.1 "Libre Caslon Display",Georgia,serif;margin:8px 0}.intro{color:#b8c5cd;line-height:1.6;font-size:14px}form{display:grid;gap:10px;margin-top:26px}label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}input{width:100%;padding:14px;border:1px solid #4b6477;border-radius:5px;background:#071a2a;color:#fff;font:15px "DM Sans"}input:focus{outline:2px solid var(--orange);outline-offset:2px}button{margin-top:6px;padding:14px;border:0;border-radius:5px;background:var(--orange);color:#fff;font:700 12px "DM Sans";text-transform:uppercase;letter-spacing:.05em;cursor:pointer}button:hover{background:#d85b19}button:disabled{opacity:.6;cursor:wait}.local-preview-button{width:100%;margin-top:10px;background:transparent;border:1px solid #59758a;color:#dce8ee}.local-preview-button:hover{background:#173a53;border-color:var(--orange)}#message{min-height:22px;margin-top:16px;color:#a9d29f;font-size:12px;line-height:1.5}.fine-print{color:#8295a3;font-size:10px;line-height:1.6;margin-top:21px}.back{color:#e37a3e;font-size:11px;text-decoration:none}@media(max-width:780px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:42vh;padding:28px}.brand-panel>p{display:none}.brand-panel h1{font-size:42px}.brand-panel footer{display:none}.form-panel{padding:22px}.form-wrap{padding:27px}}