:root{--bg:#0b0e12;--surface:#0f1219;--text:#e8eef8;--muted:#9fb0c9;--primary:#29b3ff;--accent:#7a3df2;--glow:#33e1ff;--ring:rgba(41,179,255,.45);--shadow:0 10px 30px rgba(0,0,0,.45);--border:rgba(255,255,255,.07);--timeline:linear-gradient(180deg,rgba(41,179,255,.7),rgba(122,61,242,.7));}*{box-sizing:border-box;}html,body{height:100%;}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 80% -10%,rgba(41,179,255,.12),transparent 60%),radial-gradient(900px 600px at -10% 20%,rgba(102,228,200,.12),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);}a{color:inherit;text-decoration:none;}.container{max-width:1120px;margin:0 auto;padding:24px;}header{position:sticky;top:0;backdrop-filter:saturate(180%) blur(8px);background:color-mix(in oklab,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);z-index:50;}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;}.brand-logo{width:40px;height:40px;border-radius:12px;box-shadow:0 0 24px var(--glow),var(--shadow);object-fit:cover;}.actions{display:flex;align-items:center;gap:10px;}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,border-color .2s;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,var(--shadow);}.btn:hover{transform:translateY(-1px);}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px;}.btn-primary{border-color:linear-gradient(135deg,var(--primary),var(--accent));background:linear-gradient(135deg,var(--primary),var(--accent));color:#0e121b;}.hero{display:grid;gap:14px;padding:48px 0 20px;}.hero h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;}.hero p{margin:0;color:var(--muted);font-size:clamp(14px,1.8vw,18px);}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}.pill{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 85%,transparent);padding:6px 10px;border-radius:999px;font-size:12.5px;color:var(--muted);}.timeline{position:relative;display:grid;grid-template-columns:1fr;gap:24px;margin:24px 0 80px;}.timeline::before{content:"";position:absolute;inset-inline-start:24px;inset-block:0;width:4px;border-radius:4px;background:var(--timeline);}.item{position:relative;display:grid;grid-template-columns:64px 1fr;gap:16px;}.dot{position:relative;inline-size:24px;block-size:24px;border-radius:50%;background:var(--surface);border:2px solid color-mix(in oklab,var(--primary) 70%,var(--accent));display:grid;place-items:center;margin-inline-start:16px;margin-top:6px;box-shadow:var(--shadow);}.dot::after{content:"";inline-size:10px;block-size:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 18px 14px;box-shadow:var(--shadow);transform:translateY(6px);opacity:0;animation:rise .5s ease both;}@keyframes rise{to{transform:translateY(0);opacity:1;}}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}.title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;}.title .badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;color:#0e121b;background:linear-gradient(135deg,var(--primary),var(--accent));}.date{color:var(--muted);font-size:13px;}.desc{color:var(--muted);margin:10px 0 14px;line-height:1.6;}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}.tag{font-size:12px;color:var(--muted);border:1px dashed var(--border);padding:6px 8px;border-radius:10px;}.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:9px 12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 85%,transparent);transition:transform .06s ease,background .2s ease;}.link:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--surface) 70%,transparent);}.link.disabled{pointer-events:none;opacity:0.5;cursor:not-allowed;}footer{border-top:1px solid var(--border);padding:30px 0 60px;color:var(--muted);}.footer-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;}@media (min-width:760px){.timeline{gap:32px;}.item{grid-template-columns:72px 1fr;}.container{padding:32px;}.hero{padding:64px 0 24px;}.footer-grid{grid-template-columns:1fr auto;}}html{scroll-behavior:smooth;}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(-45deg,#0b0e12,#111629,#0e284a,#1b2a41);background-size:400% 400%;animation:gradientBG 22s ease infinite;will-change:background-position,transform;}body::after{content:"";position:fixed;inset:-10vmax;z-index:-1;backdrop-filter:blur(0px);pointer-events:none;}@keyframes gradientBG{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}body::before{animation:none;}}@media (max-width:1024px){.container{padding-left:20px;padding-right:20px;}}@media (max-width:760px){.btn{padding:14px 18px;border-radius:14px;font-size:16px;line-height:1.2;}header .actions{gap:10px;flex-wrap:wrap;}.hero{padding:40px 0 16px;}.container{padding-left:16px;padding-right:16px;}}@media (max-width:380px){.btn{width:100%;text-align:center;}}@supports (content-visibility:auto){main{content-visibility:auto;contain-intrinsic-size:1000px;}}.dot{margin-inline-start:24px !important;margin-top:0 !important;}.timeline::before{inset-inline-start:36px !important;}.dot{margin-inline-start:24px !important;margin-top:0 !important;}:root{--col-left:64px;--dot-size:clamp(18px,2.5vw,24px);--timeline-width:4px;}@media (min-width:760px){:root{--col-left:72px;}}.item{grid-template-columns:var(--col-left) 1fr;}.timeline::before{inset-inline-start:calc(var(--col-left) / 2 - var(--timeline-width) / 2) !important;width:var(--timeline-width) !important;}.dot{inline-size:var(--dot-size);block-size:var(--dot-size);margin:0 !important;place-self:center;justify-self:center;align-self:center;}.item{align-items:center;}@media (max-width:380px){:root{--col-left:56px;}}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;padding:6px 10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}@media (max-width:760px){.badge{font-size:clamp(11px,3.2vw,12px);padding:6px 10px;}.meta{align-items:center;}}.bg-constellation{position:fixed;inset:0;z-index:-2;pointer-events:none;}body::before{opacity:.35;}@media (prefers-reduced-motion:reduce){body::before{opacity:.20;}}

/* mobile-tweaks-480 */
@media (max-width:480px){
  :root{--col-left:52px;--dot-size:18px;--timeline-width:3px;}
  .container{padding-inline:12px;}
  .timeline{gap:16px;margin:12px 0 56px;}
  .item{align-items:flex-start;}
  .card{padding:14px 14px 12px;border-radius:14px;}
  .title{font-size:16px;}
  .btn,.actions-row .link{padding:10px 12px;font-size:14px;border-radius:12px;}
  .brand-logo{width:32px;height:32px;border-radius:10px;}
  header .actions{gap:8px;flex-wrap:wrap;}
  .nav{gap:8px;}
}