/* Text pages (privacy, contacts): same look as the guest page */
:root{
  --bg:#0b0b0e; --card:#161619; --line:rgba(255,255,255,.1);
  --text:#f2f0ed; --mute:#9d9a91; --accent:#e3201b; --glow:#ff7a1a;
  --f-display:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --f-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.6;min-height:100vh;
  background-image:radial-gradient(80% 50% at 50% 0%,color-mix(in oklab,var(--glow) 42%,transparent),color-mix(in oklab,var(--glow) 14%,transparent) 45%,transparent 78%);
  background-repeat:no-repeat;
  padding:env(safe-area-inset-top,0px) 20px calc(40px + env(safe-area-inset-bottom,0px));
}
a{color:var(--text);text-underline-offset:3px}
.wrap{max-width:680px;margin:0 auto}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.wordmark{font:500 24px/1 "Oswald",var(--f-display);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.wordmark i{font-style:normal;color:var(--glow)}
.back{font:13px var(--f-mono);color:var(--mute);text-decoration:none}
.back:hover{color:var(--text)}
.label{font:11px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:0}
.display{font-family:var(--f-display);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.01em;font-weight:900;margin:12px 0 0;font-size:clamp(2.2rem,9vw,2.8rem);line-height:.98}
.doc{padding-top:24px}
.doc h2{font:800 15px/1.3 var(--f-display);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.04em;margin:36px 0 10px}
.doc p,.doc li{color:#d9d6cf}
.doc ul{padding-left:20px;margin:0}
.doc li{margin:8px 0}
.mute{color:var(--mute);font-size:13px}
.contacts{list-style:none;padding:0!important;margin:32px 0 0!important;display:grid;gap:12px}
.contacts li{margin:0!important;display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.contacts a{font-size:18px;font-weight:500;text-decoration:none}
.contacts a:hover{text-decoration:underline}
footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;color:var(--mute);font-size:13px}
@media (max-width:400px){.wordmark{font-size:21px}}