@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root { --ink:#1d2423; --muted:#667078; --line:#e5bdcb; --accent:#8b4e61; --accent-strong:#713d50; --soft:#efd6df; --soft-2:#fff7f9; }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; background:#faf5f7; color:var(--ink); font-family:"Space Grotesk",sans-serif; }
.access-shell { display:grid; grid-template-columns:minmax(360px,.85fr) 1.15fr; min-height:100vh; }
.access-panel { display:flex; grid-column:2; max-width:600px; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,5rem); background:#fffdfd; }
.access-brand { color:var(--ink); font:700 1.35rem "Space Grotesk",sans-serif; letter-spacing:-.08em; text-decoration:none; }.access-brand span { color:var(--accent); }
.eyebrow { margin:2.8rem 0 .6rem; color:#738078; font:500 .58rem "DM Mono",monospace; letter-spacing:.13em; text-transform:uppercase; }
h1 { max-width:450px; margin:0 0 .55rem; font-size:clamp(2.5rem,5vw,4.7rem); letter-spacing:-.09em; line-height:.92; }
.access-lede { max-width:420px; margin:0; color:var(--muted); font-size:.8rem; line-height:1.5; }
.access-form { display:grid; gap:.75rem; max-width:400px; margin-top:1.4rem; }.access-form label { display:grid; gap:.3rem; color:#66515b; font-size:.64rem; font-weight:700; }.access-form input,.access-form select { width:100%; border:1px solid #ddc4cd; padding:.68rem .7rem; outline:0; background:#fff; color:var(--ink); font:500 .72rem "Space Grotesk",sans-serif; }.access-form input:focus,.access-form select:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--soft); }.optional { margin-left:.3rem; color:#98818a; font:500 .5rem "DM Mono",monospace; text-transform:uppercase; }
.access-field-help { color:#8a7780; font-size:.58rem; font-weight:400; line-height:1.35; }
.access-submit { display:flex; align-items:center; justify-content:space-between; margin-top:.25rem; border:0; padding:.75rem .85rem; background:var(--accent); color:#fff; cursor:pointer; font:700 .7rem "Space Grotesk",sans-serif; }.access-submit:hover { background:var(--accent-strong); }.access-submit span { color:#8a6817; font:500 1rem "DM Mono",monospace; }
.access-error { min-height:1rem; margin:0; color:#a54454; font-size:.63rem; }.access-success { display:grid; gap:.35rem; max-width:400px; margin-top:1.4rem; border-left:4px solid var(--accent); padding:.85rem; background:var(--soft-2); color:var(--accent-strong); font-size:.68rem; line-height:1.4; }.access-success strong { font-size:.76rem; }.access-note { max-width:400px; margin:1rem 0 0; color:#8a7780; font-size:.62rem; line-height:1.5; }.access-back { display:flex; max-width:400px; align-items:center; justify-content:space-between; margin-top:1rem; border-bottom:1px solid var(--line); padding:.5rem 0; color:var(--accent-strong); font-size:.68rem; font-weight:700; text-decoration:none; }.access-back span { color:#8a6817; font:500 1rem "DM Mono",monospace; }
.access-art { position:relative; display:flex; grid-column:1; grid-row:1; align-items:flex-end; overflow:hidden; padding:8vw; background:#f0dfe5; }.access-art:before { position:absolute; top:7%; right:8%; width:min(50vw,650px); height:min(50vw,650px); border-radius:50%; background:#f0dc7c; content:""; }.access-orbit { position:absolute; top:22%; left:15%; width:48%; aspect-ratio:1; border:1px solid rgba(139,78,97,.28); border-radius:50%; }.access-card { position:relative; display:grid; width:220px; min-height:300px; align-content:start; gap:.55rem; margin:0 0 5rem 8%; padding:1.4rem; transform:rotate(7deg); background:#fff; box-shadow:18px 25px 50px rgba(91,55,68,.18); }.access-card span { color:#8b4e61; font:600 .5rem "DM Mono",monospace; letter-spacing:.1em; }.access-card strong { color:#713d50; font-size:1.5rem; letter-spacing:-.08em; }.access-card i { display:block; width:75%; height:7px; margin-top:1.3rem; background:#efd6df; }.access-card i:nth-of-type(2) { width:58%; }.access-card i:nth-of-type(3) { width:68%; }.access-art p { position:absolute; bottom:8vw; right:8vw; max-width:220px; color:#704e5c; font-size:.78rem; line-height:1.5; }
.hidden { display:none !important; }
@media (max-width:900px) { .access-shell { grid-template-columns:1fr; }.access-panel { grid-column:auto; grid-row:auto; max-width:none; padding:2.5rem 8vw; }.access-art { grid-column:auto; grid-row:auto; min-height:330px; }.access-art p { display:none; } }