:root { color-scheme: dark; font-family: Manrope, ui-sans-serif, system-ui, sans-serif; background: #062f37; color: #f6f0e4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.login-shell { min-height: 100vh; display: flex; flex-direction: column; padding: clamp(24px, 5vw, 72px); }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 750; letter-spacing: -.02em; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #c9a97a; border-radius: 50%; color: #e8c799; font-family: Georgia, serif; font-size: 26px; font-style: italic; }
.login-panel { width: min(100%, 480px); margin: auto; padding: 32px 0; }
.eyebrow { color: #d9bb8e; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 14px 0 10px; font-family: Georgia, serif; font-size: clamp(42px, 9vw, 62px); font-weight: 400; letter-spacing: -.04em; }
p { line-height: 1.55; }
#loginDescription { color: #d6e1df; margin-bottom: 30px; }
label { display: block; margin: 0 0 9px; font-size: 14px; font-weight: 700; }
input { display: block; width: 100%; min-height: 48px; border: 1px solid #91a6a4; border-radius: 6px; background: #fff; color: #102f35; padding: 12px 14px; font: inherit; margin-bottom: 16px; }
button { font: inherit; cursor: pointer; }
.primary { width: 100%; min-height: 52px; border: 0; border-radius: 5px; padding: 13px 20px; background: #dfba89; color: #082e35; font-weight: 800; }
.primary:hover { background: #efd0a7; }
.primary:disabled { opacity: .65; cursor: wait; }
button:focus-visible, input:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.status { min-height: 24px; color: #d7e2df; }
.error { color: #ffcebd; }
.footer { margin: 0; color: #b6c9c4; font-size: 13px; }