/* Matches checkin.virtualdreamteam.ai: black ground, gold accent, cream panels, Poppins + Caveat. */
:root {
  --ink: #000000; --ink-2: #161410; --ink-3: #221e17; --line: rgba(240,169,14,.28);
  --gold: #F0A90E; --gold-soft: #FFD36B; --gold-deep: #b77a00;
  --cream: #FFF8E8; --paper: #ffffff; --text: #f5f1e8; --muted: #b9b1a0; --dark-text: #1c1a16;
  --ok: #7dd3a0; --warn: #ff8a6b;
  --font-sans: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-hand: "Caveat", "Bradley Hand", cursive;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--text); font-family: var(--font-sans); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--gold); }
.wrap { max-width: 1080px; margin: 0 auto; padding-inline: 20px; }
.hero { position: relative; overflow: hidden; padding-block: 40px 64px; text-align: center;
  background: radial-gradient(60% 55% at 50% 0%, rgba(240,169,14,.22), transparent 70%), var(--ink); }
.hero-logo { width: min(380px, 80vw); margin: 0 auto 10px; mix-blend-mode: lighten; }
.eyebrow { display: inline-block; margin-top: 8px; font-size: .78rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); }
h1 { font-size: clamp(2rem, 5.5vw, 3.2rem); line-height: 1.12; font-weight: 800; margin: .35em auto .3em; max-width: 18ch; text-wrap: balance; }
h1 .gold, h2 .gold { color: var(--gold); }
.lede { max-width: 58ch; margin: 0 auto; color: var(--muted); font-size: 1.05rem; }
.note { font-family: var(--font-hand); font-size: 1.7rem; color: var(--gold-soft); margin-top: 18px; line-height: 1.2; }
.btn { display: inline-flex; align-items: center; gap: 10px; background: var(--gold); color: var(--ink); font: inherit; font-weight: 700;
  text-decoration: none; padding: 12px 22px; border-radius: 999px; border: 0; cursor: pointer; transition: background .2s; }
.btn:hover { background: var(--gold-soft); }
.btn.ghost { background: transparent; color: var(--gold); border: 1px solid var(--line); }
.btn.ghost:hover { border-color: var(--gold); background: rgba(240,169,14,.08); }
.btn.small { padding: 7px 14px; font-size: .85rem; }
.btn:disabled { opacity: .45; cursor: default; }
.btn:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid var(--gold-soft); outline-offset: 3px; }
.tag { align-self: flex-start; font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); background: var(--gold); padding: 4px 12px; border-radius: 999px; }
footer { margin-top: 80px; background: var(--paper); color: var(--dark-text); padding-block: 34px; text-align: center; }
footer img { width: min(240px, 66vw); margin: 0 auto 6px; }
footer p { margin: 0; font-size: .9rem; color: #5b554a; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }