:root{--bg:#05070f;--bg-elevated:#0b1020;--panel:#0e1428b8;--border:#78a0ff2e;--text:#e8eefc;--muted:#8b9bb8;--accent:#5ce1ff;--accent-2:#a855f7;--accent-3:#22d3ee;--danger:#fb7185;--radius:18px;--shadow:0 20px 60px #00000073;--font:"Space Grotesk", system-ui, sans-serif;--display:"Orbitron", "Space Grotesk", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #5ce1ff1f, transparent 60%), radial-gradient(900px 500px at 90% 0%, #a855f724, transparent 55%), var(--bg);margin:0;line-height:1.6;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,100% - 2rem);margin-inline:auto}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#5ce1ff0a 1px,#0000 1px),linear-gradient(90deg,#5ce1ff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;mask-image:radial-gradient(#000 30%,#0000 75%)}.glow{filter:blur(80px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;width:420px;height:420px;position:fixed}.glow-a{background:var(--accent);top:-80px;left:-80px}.glow-b{background:var(--accent-2);bottom:10%;right:-120px}.site-header,main,.site-footer{z-index:1;position:relative}.site-header{backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10;background:#05070fb3;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.logo{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:.7rem;font-weight:700;display:inline-flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:4px;width:14px;height:14px;box-shadow:0 0 18px #5ce1ffcc}.nav{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:.65rem 1rem;font-size:.88rem;display:flex}.nav a:hover{color:var(--accent)}.lang-switch{letter-spacing:.06em;background:#0b1020d9;border:1px solid #5ce1ff47;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.lang-pill{color:var(--muted);border-radius:999px;padding:.15rem .4rem;transition:color .2s,background .2s,box-shadow .2s}.lang-pill:hover{color:var(--accent)}.lang-pill.active{color:#05070f;background:linear-gradient(135deg, var(--accent), var(--accent-3));box-shadow:0 0 12px #5ce1ff73}.lang-sep{color:#8b9bb873;font-weight:400}.site-footer{border-top:1px solid var(--border);margin-top:4rem;padding:2rem 0 3rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.footer-nav{color:var(--muted);flex-wrap:wrap;gap:.65rem 1rem;font-size:.88rem;display:flex}.footer-nav a:hover{color:var(--accent)}.muted{color:var(--muted)}.page-hero{padding:3rem 0 1.5rem}.page-hero h1{font-family:var(--display);letter-spacing:.02em;margin:.35rem 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem)}.page-hero .lede{max-width:60ch;color:var(--muted);margin:0;font-size:1.05rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#5ce1ff14;border:1px solid #5ce1ff59;border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.35rem .8rem;font-size:.8rem;display:inline-flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;padding-bottom:2rem;display:grid}.link-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.link-row{border:1px solid var(--border);background:#0b1020a6;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:.85rem 1rem;transition:border-color .2s,transform .2s;display:flex}.link-row:hover{border-color:#5ce1ff73;transform:translate(2px)}.link-row time{color:var(--muted);min-width:7.5rem;font-size:.85rem}.link-row .title{flex:1;font-weight:600}.year-block{margin-bottom:2.5rem}.year-block h2{font-family:var(--display);color:var(--accent);margin:0 0 1rem;font-size:1.35rem}.chip-grid{flex-wrap:wrap;gap:.75rem;padding-bottom:2rem;display:flex}.chip{color:#e9d5ff;background:#a855f71a;border:1px solid #a855f759;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1rem;transition:border-color .2s,box-shadow .2s;display:inline-flex}.chip:hover{border-color:#5ce1ff80;box-shadow:0 0 18px #5ce1ff26}.chip .count{color:var(--muted);font-size:.75rem}.era-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.15rem;padding-bottom:2rem;display:grid}.era-card{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg,#5ce1ff0f,#a855f714);flex-direction:column;gap:.55rem;min-height:160px;padding:1.35rem 1.4rem;transition:transform .2s,border-color .2s;display:flex}.era-card:hover{border-color:#5ce1ff73;transform:translateY(-3px)}.era-card h2{font-family:var(--display);margin:0;font-size:1.15rem}.era-card p{color:var(--muted);flex:1;margin:0;font-size:.95rem}.era-card .meta{color:var(--accent);font-size:.85rem;font-weight:600}.back-link{color:var(--accent);margin-bottom:1rem;font-weight:600;display:inline-block}@media (width<=720px){.nav{gap:.5rem .75rem;font-size:.8rem}}
