:root { color-scheme: light; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #243c35; background: #f2efe7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; padding: 28px 18px; display: grid; place-items: center; }
.access-card { width: min(100%, 480px); padding: clamp(26px, 6vw, 48px); background: #fffdf8; border: 1px solid #deded2; border-radius: 24px; box-shadow: 0 18px 60px #243c350b; }
.eyebrow { margin: 22px 0 8px; text-transform: uppercase; letter-spacing: .15em; font-size: .72rem; font-weight: 750; }
h1 { margin: 0 0 18px; font-size: clamp(1.8rem, 7vw, 2.4rem); line-height: 1.12; letter-spacing: -.055em; }
p { line-height: 1.65; }
form { margin-top: 28px; }
[hidden] { display: none !important; }
label { display: block; margin: 16px 0 8px; font-weight: 650; font-size: .9rem; }
input { width: 100%; min-height: 50px; padding: 12px; border: 1px solid #aab7ad; border-radius: 9px; font: inherit; background: white; color: #243c35; }
input:focus-visible, button:focus-visible { outline: 3px solid #b86730; outline-offset: 3px; }
button { width: 100%; min-height: 50px; margin-top: 22px; border: 0; border-radius: 9px; color: #fff; background: #244d3f; padding: 12px 18px; font: inherit; font-weight: 650; cursor: pointer; }
button:hover { background: #17392d; }
button:disabled { opacity: .65; cursor: wait; }
#status { min-height: 1.6em; font-size: .9rem; overflow-wrap: anywhere; }
.footnote { margin-top: 28px; padding-top: 22px; border-top: 1px solid #e5e3d8; font-size: .78rem; color: #52675e; }