.timeline-page{min-height:calc(100vh - 160px);position:relative;z-index:2}.timeline-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--sp-surface-1) 95%,transparent),color-mix(in srgb,var(--sp-surface-2) 82%,transparent)),radial-gradient(circle at 15% 12%,color-mix(in srgb,var(--sp-hot) 17%,transparent),transparent 42%),radial-gradient(circle at 84% 15%,color-mix(in srgb,var(--sp-secondary) 14%,transparent),transparent 46%);border:1px solid var(--sp-border-strong);border-radius:22px;box-shadow:var(--sp-shadow-panel);margin-bottom:1rem;overflow:hidden;padding:1.2rem;position:relative}.timeline-hero.is-extended{background:linear-gradient(145deg,color-mix(in srgb,var(--sp-surface-1) 95%,transparent),color-mix(in srgb,var(--sp-surface-2) 82%,transparent)),radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--sp-violet) 18%,transparent),transparent 42%),radial-gradient(circle at 86% 15%,color-mix(in srgb,var(--sp-hot) 14%,transparent),transparent 46%)}.timeline-hero:before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 19px);content:"";top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none;position:absolute}.timeline-hero>*{position:relative;z-index:1}.timeline-overline{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:.16em;margin:0;text-transform:uppercase}.timeline-hero h1{color:color-mix(in srgb,var(--sp-hot) 82%,white);font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,3.2vw,2.72rem);letter-spacing:.01em;margin:.5rem 0 0}.timeline-hero.is-extended h1{color:color-mix(in srgb,var(--sp-violet) 78%,white)}.timeline-intro{color:var(--sp-text-main);line-height:1.64;margin:.82rem 0 0;max-width:72ch}.timeline-panel{background:linear-gradient(170deg,color-mix(in srgb,var(--sp-surface-1) 94%,transparent),color-mix(in srgb,var(--sp-surface-3) 90%,transparent)),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sp-hot) 10%,transparent),transparent 52%);border:1px solid color-mix(in srgb,var(--sp-accent) 34%,var(--sp-border-mid));border-radius:18px;box-shadow:var(--sp-shadow-panel);padding:.95rem}.timeline-filters{display:flex;flex-wrap:wrap;gap:.42rem;justify-content:center;margin-bottom:.88rem}.timeline-filter-btn{background:color-mix(in srgb,var(--sp-surface-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 36%,var(--sp-border-mid));border-radius:var(--sp-radius-pill);color:var(--sp-text-main);font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:.09em;padding:.36rem .58rem;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.timeline-filter-btn:hover,.timeline-filter-btn:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 56%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);color:#fff;outline:none}@media (max-width: 767px){.timeline-filter-btn{align-items:center;display:inline-flex;min-height:44px;padding:.5rem .7rem}}.timeline-filter-btn.is-active{background:linear-gradient(110deg,color-mix(in srgb,var(--sp-accent) 34%,var(--sp-surface-2)),color-mix(in srgb,var(--sp-primary) 20%,var(--sp-surface-2)));border-color:color-mix(in srgb,var(--sp-primary) 58%,var(--sp-border-strong));color:#fff}.timeline-track{margin:0;padding-top:.2rem}.timeline-item h3{font-size:1.03rem;letter-spacing:.01em;margin:0}.timeline-item p{color:var(--sp-text-main);line-height:1.62;margin:.5rem 0 0}.timeline-tags{margin-top:.54rem}.timeline-extended-link{display:flex;justify-content:center;margin-top:.2rem}.timeline-link-btn{background:color-mix(in srgb,var(--sp-surface-2) 90%,transparent);border:1px solid color-mix(in srgb,var(--sp-primary) 46%,var(--sp-border-mid));border-radius:10px;color:var(--sp-text-strong);font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:.08em;padding:.46rem .66rem;text-decoration:none;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.timeline-link-btn:hover,.timeline-link-btn:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 58%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);color:#fff;outline:none}@media (max-width: 767px){.timeline-hero,.timeline-panel{border-radius:16px;padding:.92rem}}