:root {
  --bg:#120b14;
  --surface:#1a111d;
  --surface-2:#241528;
  --text:#f7efe7;
  --muted:#d1c1b2;
  --accent:#ffd166;
  --accent-2:#8a1538;
  --line:rgba(255,255,255,.12);
  --shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',sans-serif;background:radial-gradient(circle at top,#2b1633 0%,#120b14 52%,#0c080d 100%);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:50;background:rgba(12,8,13,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner,.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem}
.logo-wrap{display:flex;align-items:center;gap:.75rem;font-weight:700}.logo-svg{color:var(--accent)}.logo-text{font-family:'Playfair Display',serif;font-size:1.2rem}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover,.back-link{color:var(--accent)}
.hero{position:relative;min-height:84vh;display:grid;place-items:center;text-align:center;padding:6rem 0 4rem;overflow:hidden}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,209,102,.12),transparent 42%),linear-gradient(180deg,rgba(138,21,56,.18),transparent 40%,rgba(0,0,0,.42));}.hero-content{position:relative;z-index:1;width:min(900px,calc(100% - 2rem))}.hero-eyebrow,.section-sub,.hero-creator{color:var(--muted)}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.hero-title{font-family:'Playfair Display',serif;font-size:clamp(3rem,8vw,6rem);line-height:.95;margin:.6rem 0}.hero-subtitle{font-size:1.1rem;max-width:52rem;margin:0 auto 1rem}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0}.stat{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:var(--shadow)}.stat-num{display:block;font-size:1.6rem;font-weight:800;color:var(--accent)}.stat-label{font-size:.92rem;color:var(--muted)}.hero-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-btn,.hero-links a{padding:.95rem 1.25rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05)}.cta-btn{background:var(--accent);color:#1d1308;font-weight:700;border-color:transparent}
.section{padding:5rem 0}.section-cream{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.05))}.section-header{text-align:center;max-width:760px;margin:0 auto 2rem}.section-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.4rem);margin:0 0 .5rem}.accent{color:var(--accent)}
.overview-grid,.rules-grid,.links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.overview-card,.rule-card,.link-card,.timeline-item{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:24px;padding:1.4rem;box-shadow:var(--shadow)}.overview-card h3,.rule-card h4,.timeline-item h3{margin-top:0;font-family:'Playfair Display',serif}.rule-icon{font-size:1.6rem;display:block;margin-bottom:.6rem}.timeline{display:grid;gap:1rem}.link-card{display:flex;flex-direction:column;gap:.35rem}.link-card strong{color:var(--accent)}.fade-in{opacity:1;transform:none}
@media (max-width:900px){.hero-stats,.overview-grid,.rules-grid,.links-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.header-inner{flex-direction:column;align-items:flex-start}.hero-stats,.overview-grid,.rules-grid,.links-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:8rem}.nav-links{gap:.75rem}}