:root{--bg:#08101c;--panel:#101a2d;--panel2:#16233b;--panel3:#0b1526;--text:#f4f7ff;--soft:#d8e4f7;--muted:#b7c6df;--line:#304766;--gold:#ffd86d;--blue:#7ab9ff;--green:#9ce3b5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#07111d,#0a1830 35%,#0b1423);color:var(--text);line-height:1.7}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1200px,92vw);margin:0 auto}
.topnav{position:sticky;top:0;z-index:50;background:rgba(7,13,24,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topnav .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}.brand{font-weight:800;letter-spacing:.03em}.navlinks{display:flex;gap:.7rem;flex-wrap:wrap}.navlinks a{padding:.5rem .85rem;border-radius:999px;color:var(--muted)}.navlinks a:hover,.navlinks a:focus{background:var(--panel2);color:#fff}
.hero{padding:4rem 0 2rem;background:radial-gradient(circle at top left,rgba(122,185,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(255,216,109,.14),transparent 24%)}
.grid2,.grid3,.story-grid,.footer-grid{display:grid;gap:1rem}.grid2{grid-template-columns:1.1fr .9fr}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.panel,.story-card,.reader-box,.ad-card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.24)}
.card,.panel,.ad-card{padding:1.2rem}.reader-box{padding:1rem;border-radius:18px;background:var(--panel3)}
.story-card{overflow:hidden}.story-copy{padding:1.15rem 1.15rem 1.3rem}.story-image{position:relative;background:#000}.story-image img{width:100%;height:330px;object-fit:cover}
.eyebrow{color:var(--gold);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}h1,h2,h3{line-height:1.15;margin:.2rem 0 .75rem}h1{font-size:clamp(2.1rem,4vw,4.2rem);max-width:12ch}h2{font-size:clamp(1.65rem,2.5vw,2.8rem)}h3{font-size:1.22rem}.lead,.section-lead{font-size:1.08rem;color:var(--soft);max-width:78ch}
.button-row,.card-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.button,.play{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.86rem 1.06rem;border-radius:14px;font-weight:700;cursor:pointer;border:1px solid transparent}.button.primary,.play{background:var(--gold);color:#1f2024}.button.secondary{background:#17263f;color:#fff;border-color:#39547d}.button.ghost{background:transparent;color:#fff;border-color:#3d5f93}.button.small{padding:.62rem .9rem;border-radius:12px;font-size:.96rem}
.play-badge{position:absolute;left:1rem;bottom:1rem}.tag{display:inline-block;padding:.3rem .62rem;border-radius:999px;background:#13213a;color:var(--gold);font-size:.84rem;font-weight:800}.story-block{margin-top:.8rem;padding:.95rem;border-radius:16px;background:var(--panel3);border:1px solid #314a72}.story-block strong{display:block;color:#fff;margin-bottom:.32rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.fact{padding:1rem;border-radius:18px;background:var(--panel3);border:1px solid #2b4164}.fact strong{display:block;font-size:1.22rem;color:#fff}
.section{padding:1.2rem 0 2rem}.home-strip{display:flex;justify-content:center;margin-top:1rem}.muted{color:var(--muted)}details{margin-top:.85rem;background:#0d1829;border:1px solid #314a72;border-radius:16px;padding:.8rem}summary{cursor:pointer;font-weight:800;color:#fff}.list{margin:.55rem 0 0 1.1rem;color:var(--soft)}
.footer{border-top:1px solid var(--line);padding:1.2rem 0 2rem;margin-top:1rem}.footer-grid{grid-template-columns:2fr 1fr 1fr}.small{font-size:.95rem;color:var(--soft)}
@media (max-width:960px){.grid2,.grid3,.story-grid,.footer-grid{grid-template-columns:1fr}.navlinks{display:none}.stats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.stats{grid-template-columns:1fr}.story-image img{height:245px}.card,.panel,.ad-card,.story-copy{padding:1rem}}