@font-face{font-family:"Domaine Display";src:url(../assets/fonts/DomaineDisplay-Regular.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#0b1722;color:#1b1a17;font-family:Arial,sans-serif}
.access-backdrop{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#243d4c,transparent 70%)}
.access-card{width:100%;max-width:440px;padding:48px 36px;background:#f3eee3;border:1px solid #c8a878;border-radius:4px;box-shadow:0 24px 90px #0006}
.access-brand{display:block;width:140px;max-width:100%;height:auto;margin:0 0 32px}
.access-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#55524b}
h1{font-family:"Domaine Display",Georgia,serif;font-weight:400;font-size:38px;margin:12px 0}
#access-description{font-size:14px;line-height:1.7;color:#55524b;margin-bottom:28px}
label{display:block;font-size:12px;margin-bottom:10px}
input{width:100%;min-height:48px;padding:12px;background:#fbf9f5;border:1px solid #a99c87;border-radius:2px;font-size:16px;color:#1b1a17}
input:focus-visible,button:focus-visible{outline:2px solid #b5694a;outline-offset:3px}
input[aria-invalid]{border-color:#a53125}
.access-error{color:#a53125;font-size:13px;margin:12px 0 0}
button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:22px;min-height:48px;padding:14px 18px;border:0;border-radius:2px;background:#0b1722;color:#f3eee3;font-size:14px;cursor:pointer}
button:hover{background:#243d4c}
@media(max-width:480px){.access-card{padding:36px 24px}h1{font-size:32px}}