:root { --bg:#090a10; --panel:#12141d; --text:#f6f2ee; --muted:#a8a7ad; --pink:#ec477f; --orange:#ee7f41; --line:rgba(255,255,255,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 80% 5%,rgba(236,71,127,.12),transparent 30%),var(--bg); color:var(--text); font-family:Arial,sans-serif; line-height:1.65; }
a { color:inherit; }
.site-head { position:sticky; top:0; z-index:10; background:rgba(9,10,16,.92); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.head-inner { width:min(1180px,calc(100% - 2rem)); min-height:72px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand img { width:190px; display:block; filter:brightness(0) invert(1); }
.site-nav { display:flex; gap:1.15rem; font-size:.8rem; letter-spacing:.08em; }
.site-nav a { text-decoration:none; white-space:nowrap; color:#d3d1d7; }
.site-nav .cta { color:#ff8daa; }
.hero { min-height:72vh; display:grid; place-items:center; padding:7rem 1rem; text-align:center; }
.hero-inner { width:min(950px,100%); }
.eyebrow { color:#f59a6f; letter-spacing:.26em; font-size:.75rem; }
h1 { margin:.65rem 0; font-size:clamp(4.3rem,15vw,10rem); line-height:.9; letter-spacing:-.065em; }
.hero h2 { margin:1.2rem 0; font-weight:400; font-size:clamp(1.15rem,3vw,2rem); }
.theme { max-width:46rem; margin:2rem auto; color:var(--muted); font-size:1.05rem; }
.actions { display:flex; justify-content:center; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.button { display:inline-block; padding:.85rem 1.25rem; text-decoration:none; border:1px solid var(--line); background:#fff; color:#11131a; font-weight:700; }
.button.secondary { background:transparent; color:#fff; }
.section { width:min(1180px,calc(100% - 2rem)); margin:auto; padding:clamp(3rem,8vw,7rem) 0; }
.section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr); gap:2rem; align-items:end; margin-bottom:2.5rem; }
.section h2 { margin:0; font-size:clamp(2rem,5vw,4rem); }
.section-head p { margin:0; color:var(--muted); }
.timeline,.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.timeline article,.facts article { background:var(--panel); padding:1.5rem; }
.timeline small,.facts small { color:#f58ba9; text-transform:uppercase; letter-spacing:.12em; }
.timeline strong,.facts strong { display:block; margin-top:.45rem; font-size:1.2rem; }
.categories { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.categories details { background:var(--panel); border:1px solid var(--line); padding:1.25rem; }
.categories summary { cursor:pointer; font-weight:700; }
.categories ul { padding-left:1.1rem; color:var(--muted); }
.site-foot { border-top:1px solid var(--line); padding:2rem 1rem; text-align:center; color:var(--muted); font-size:.85rem; }
:where(a,summary):focus-visible { outline:3px solid #ff8daa; outline-offset:4px; }
@media (max-width:760px) { .site-nav { max-width:55vw; overflow-x:auto; }.section-head { grid-template-columns:1fr; }.timeline,.facts,.categories { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }