
:root{
  --sky:#0e4161;--sky2:#183a62;--deep:#0a2137;--panel:rgba(7,30,49,.66);
  --cyan:#12e6ff;--cyan2:#75f2ff;--teal:#48efbd;--violet:#b783ff;--pink:#ff68b8;--orange:#ffac45;
  --white:#f7fdff;--muted:#a8ced9;--line:rgba(115,226,242,.18);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Courier New",ui-monospace,monospace;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100%;overflow-x:hidden;color:var(--white);
  font:17px/1.72 var(--sans);
  background:linear-gradient(150deg,#0b2a48 0%,#0e4161 34%,#183a62 60%,#101d38 100%);
}
a{color:var(--cyan)}
.scene{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.sky-glow{position:absolute;inset:0;background:
 radial-gradient(circle at 14% -3%,rgba(142,235,255,.42),transparent 28rem),
 radial-gradient(circle at 91% 5%,rgba(255,181,95,.16),transparent 24rem)}
.aurora{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(6px)}
.aurora.cyan{width:760px;height:480px;left:-170px;top:5%;background:radial-gradient(ellipse,rgba(0,229,255,.29),transparent 67%);animation:a1 14s ease-in-out infinite}
.aurora.violet{width:650px;height:500px;right:-150px;top:8%;background:radial-gradient(ellipse,rgba(183,131,255,.29),rgba(255,104,184,.08) 45%,transparent 69%);animation:a2 18s ease-in-out infinite}
.aurora.warm{width:720px;height:380px;left:27%;bottom:-230px;background:radial-gradient(ellipse,rgba(255,172,69,.17),rgba(72,239,189,.08) 44%,transparent 68%);animation:a3 20s ease-in-out infinite}
@keyframes a1{50%{transform:translate(58px,-14px) rotate(4deg)}}@keyframes a2{50%{transform:translate(-52px,28px) scale(1.05)}}@keyframes a3{50%{transform:translate(-40px,-22px) rotate(-4deg)}}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(87,219,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(87,219,238,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 93%)}

.ticker-banner{height:46px;display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(4,20,34,.97),rgba(8,34,53,.95),rgba(5,21,37,.97));border-bottom:1px solid rgba(114,228,244,.22);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ticker-label{height:100%;z-index:3;display:flex;align-items:center;gap:.45rem;padding:0 .9rem;background:#061a2a;border-right:1px solid rgba(106,224,241,.18);color:#94f4ff;font:850 13px/1 var(--mono);letter-spacing:.11em;white-space:nowrap}
.ticker-label i{width:6px;height:6px;border-radius:50%;background:#51efb2;box-shadow:0 0 10px #51efb2}
.ticker-viewport{height:100%;position:relative;overflow:hidden}
.ticker-viewport:before,.ticker-viewport:after{content:"";position:absolute;top:0;bottom:0;width:35px;z-index:2;pointer-events:none}
.ticker-viewport:before{left:0;background:linear-gradient(90deg,#082438,transparent)}.ticker-viewport:after{right:0;background:linear-gradient(270deg,#082438,transparent)}
.ticker-track{height:100%;display:flex;align-items:center;gap:1.55rem;width:max-content;white-space:nowrap;padding-left:1rem;animation:tape 40s linear infinite;will-change:transform;font:800 14px/1 var(--mono)}
@keyframes tape{to{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:.38rem;position:relative;padding-right:1.1rem}.ticker-item:after{content:"◆";position:absolute;right:.08rem;color:rgba(140,211,224,.29);font-size:.4rem}.ticker-item b{color:#fff}.ticker-item span{color:#d7f2f7}.ticker-item em{font-style:normal;color:#7ca7b5}.up{color:#55efb0!important}.down{color:#ff789f!important}.flat{color:#b2c7cd!important}

.wrap{width:min(1040px,calc(100% - 2rem));margin:auto}
.top{position:sticky;top:0;z-index:10;background:rgba(5,21,36,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem 0;font:800 .76rem/1.2 var(--mono);letter-spacing:.06em}
.top a{text-decoration:none}.nav-links{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.brand{color:#fff;font-weight:900}
.brand span{background:linear-gradient(90deg,#54eafa,#4cefbf,#b688ff,#ff72b9,#ffad48,#54eafa);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:sweep 7s linear infinite}
@keyframes sweep{to{background-position:230% 0}}
.status-pill{padding:.3rem .48rem;border:1px solid rgba(72,239,189,.34);border-radius:999px;background:rgba(72,239,189,.08);color:#74f0c3;font:850 .62rem/1 var(--mono)}
header{padding:5.5rem 0 2.3rem}
.kicker{font:900 .76rem/1 var(--mono);letter-spacing:.16em;color:var(--cyan)}
h1{font-size:clamp(2.4rem,6vw,5.1rem);line-height:.98;letter-spacing:-.045em;margin:.6rem 0 1rem;text-shadow:0 0 34px rgba(37,225,250,.14)}
header .dek{font:1.22rem/1.55 var(--serif);color:#d7edf2;max-width:830px}
.meta{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.4rem}
.meta span{border:1px solid var(--line);border-radius:99px;padding:.35rem .65rem;background:rgba(5,25,41,.5);font:750 .68rem/1 var(--mono);color:var(--muted)}
main{padding-bottom:5rem}
.glass,.abstract,.callout,.method,.subscribe,.archive-card{
  border:1px solid rgba(112,222,241,.17);border-radius:14px;
  background:linear-gradient(145deg,rgba(7,35,53,.72),rgba(30,39,75,.50));
  backdrop-filter:blur(15px);box-shadow:0 18px 44px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.025)
}
.abstract,.callout,.method,.subscribe{padding:1.25rem 1.35rem;margin:1.8rem 0}
.abstract strong,.callout strong{color:var(--teal)}
article{max-width:840px;margin:auto}
h2{font-size:1.8rem;line-height:1.15;margin:2.7rem 0 .8rem;color:#fff}
h3{font-size:1.2rem;margin:2rem 0 .5rem;color:#dffaff}
p{margin:.85rem 0}ul{padding-left:1.25rem}li{margin:.55rem 0}
blockquote{margin:2rem 0;padding:1rem 1.2rem;border-left:3px solid var(--cyan);background:rgba(7,30,49,.55);font:1.16rem/1.55 var(--serif);color:#e7f8fb}
.equation{font:800 1rem/1.6 var(--mono);border:1px dashed rgba(117,242,255,.3);padding:1rem;border-radius:10px;color:#c9f9ff;background:rgba(4,22,36,.52)}
.matrix{width:100%;border-collapse:collapse;margin:1.3rem 0;font-size:.92rem}.matrix th,.matrix td{border-bottom:1px solid var(--line);padding:.7rem;text-align:left;vertical-align:top}.matrix th{font:800 .72rem/1.2 var(--mono);color:var(--cyan);letter-spacing:.06em}
.tag{font:850 .66rem/1 var(--mono);color:var(--orange);letter-spacing:.08em}
.sources{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line)}.sources h2{font-size:1.35rem}.sources ol{padding-left:1.3rem}.sources li{font-size:.88rem;color:#b7d7e0}.sources a{overflow-wrap:anywhere}
.subscribe{text-align:center;margin-top:3rem}.subscribe h3{font-size:1.5rem;margin:.1rem 0 .5rem}
.btn{display:inline-block;margin-top:.7rem;padding:.78rem 1rem;border-radius:8px;background:linear-gradient(135deg,#16e4f7,#49edba);color:#062236;text-decoration:none;font-weight:900;box-shadow:0 9px 22px rgba(29,226,236,.16);transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}
.foot{text-align:center;color:#628d9c;padding:1rem 0 3rem;font:700 .72rem/1.5 var(--mono)}

.archive-hero{padding:5.2rem 0 2.2rem}.archive-hero h1{max-width:980px}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 3rem}.archive-card{display:block;text-decoration:none;padding:1.15rem 1.15rem 1.25rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.archive-card:hover{transform:translateY(-3px);border-color:#47e7ef;background:linear-gradient(145deg,rgba(10,48,66,.80),rgba(38,45,88,.62))}.archive-card .num{font:850 .72rem/1.2 var(--mono);letter-spacing:.12em;color:#68e8f2}.archive-card h2{margin:.45rem 0 .5rem;font-size:1.35rem;color:#fff}.archive-card p{margin:0;color:#b7d5de}.archive-card .read{display:inline-block;margin-top:.8rem;color:#63e9f2;font:850 .72rem/1 var(--mono);letter-spacing:.05em}.archive-intro{max-width:830px;color:#b7d5de;font-size:1.05rem}.archive-note{border-left:3px solid #48efbd;padding:.8rem 1rem;margin:0 0 2rem;background:rgba(5,30,45,.45);color:#c8e4ea}.legacy{grid-column:1/-1;border-style:dashed}.legacy .num{color:#b783ff}
.archive-card:nth-child(2) .num{color:var(--violet)}.archive-card:nth-child(3) .num{color:var(--pink)}.archive-card:nth-child(4) .num{color:var(--orange)}.archive-card:nth-child(5) .num{color:var(--teal)}

@media(max-width:760px){.archive-grid{grid-template-columns:1fr}.archive-hero{padding-top:3.2rem}.legacy{grid-column:auto}.nav-links{gap:.45rem}.top .wrap{font-size:.65rem}}
@media(max-width:620px){.ticker-banner{grid-template-columns:1fr;height:40px}.ticker-label{display:none}.ticker-track{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora,.ticker-track,.brand span{animation:none}}
