:root{
  --bg0:#02030a; --bg1:#050a1c; --navy:#0a1a4a;
  --green:#39ff14; --yellow:#ffe600; --red:#ff2d55; --blue:#00c8ff;
  --ink:#eaf2ff; --muted:#93a4c8; --line:rgba(120,160,255,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#02030a}
body{
  font-family:'Barlow',system-ui,sans-serif;color:var(--ink);line-height:1.6;min-height:100vh;overflow-x:hidden;
  background:
    radial-gradient(1100px 650px at 88% -8%,rgba(0,200,255,.16),transparent 60%),
    radial-gradient(900px 600px at -8% 22%,rgba(255,45,85,.11),transparent 60%),
    radial-gradient(800px 500px at 50% 110%,rgba(57,255,20,.07),transparent 60%),
    linear-gradient(165deg,var(--navy) 0%,var(--bg1) 35%,var(--bg0) 100%);
}
a{color:var(--blue);text-decoration:none;transition:color .2s,text-shadow .2s}
a:hover{color:var(--green);text-shadow:0 0 12px rgba(57,255,20,.55)}
img{max-width:100%;display:block}

/* one-time neon scan line, top to bottom, on page load */
.sweep{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;pointer-events:none;
  background:var(--green);box-shadow:0 0 10px 3px rgba(57,255,20,.95),0 0 40px 12px rgba(57,255,20,.5),0 0 100px 30px rgba(57,255,20,.2);
  transform:translateY(-30px);opacity:0;animation:sweep 2.4s cubic-bezier(.45,.05,.35,1) .15s 1 both}
.sweep::before{content:"";position:absolute;left:0;right:0;bottom:3px;height:160px;
  background:linear-gradient(to top,rgba(57,255,20,.28),rgba(57,255,20,.08) 45%,transparent)}
@keyframes sweep{0%{transform:translateY(-30px);opacity:1}94%{opacity:1}100%{transform:translateY(100vh);opacity:0}}

/* ticker */
.ticker{background:var(--green);color:#03120a;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;white-space:nowrap;border-bottom:3px solid #000;font-size:.9rem}
.ticker span{display:inline-block;padding:.4rem 0;animation:marquee 60s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}

/* header */
header.site{max-width:1180px;margin:0 auto;padding:1.4rem 1.25rem .8rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.5rem;align-items:center}
.logo{display:inline-block;line-height:1}
.logo-text{font-family:'Anton',sans-serif;font-size:clamp(2rem,5vw,3rem);letter-spacing:.04em;color:var(--ink);text-shadow:0 0 22px rgba(0,200,255,.5)}
.logo-text em{font-style:normal;color:var(--green);text-shadow:0 0 22px rgba(57,255,20,.7)}
.logo-img{max-height:72px;width:auto}
.tagline{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--yellow);font-size:.95rem;text-shadow:0 0 14px rgba(255,230,0,.4);justify-self:end;text-align:right}
.nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.7rem 0 0;border-top:1px solid var(--line);margin-top:.5rem}
.nav>a{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;padding:.3rem .9rem;border:1px solid var(--line);border-radius:99px;color:var(--ink)}
.nav>a:hover{border-color:var(--green);color:var(--green)}
.nav form{margin-left:auto;display:flex;gap:.4rem}
.nav input{background:rgba(0,0,0,.45);border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:.35rem .9rem;font:inherit;font-size:.92rem;width:min(240px,50vw)}
.nav input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 14px rgba(0,200,255,.45)}
.nav button{background:var(--blue);color:#001018;border:0;border-radius:99px;padding:.35rem .9rem;font:700 .85rem 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.nav button:hover{background:var(--green)}

.wrap{max-width:1180px;margin:0 auto;padding:0 1.25rem 3rem}

/* lead story, blog style */
.lead{margin-top:1.2rem;border:2px solid var(--green);border-radius:20px;overflow:hidden;background:linear-gradient(170deg,rgba(10,26,74,.7),rgba(2,3,10,.88));
  box-shadow:0 0 34px rgba(57,255,20,.28),inset 0 0 30px rgba(57,255,20,.05)}
.lead-img{display:block;aspect-ratio:16/7;overflow:hidden;border-bottom:2px solid var(--green)}
.lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lead-img:hover img{transform:scale(1.03)}
.lead-body{padding:clamp(1.2rem,3vw,2.2rem)}
.meta{display:flex;flex-wrap:wrap;gap:.6rem .9rem;align-items:center;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.88rem;color:var(--muted)}
.chip{background:var(--yellow);color:#150f00;padding:.12rem .65rem;border-radius:99px;box-shadow:0 0 14px rgba(255,230,0,.45)}
.tag-new{background:var(--red);color:#fff;padding:.12rem .65rem;border-radius:99px;box-shadow:0 0 16px rgba(255,45,85,.7);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.65}}
.lead h1{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:1.05;font-size:clamp(2rem,5.4vw,3.6rem);margin:.7rem 0 .6rem}
.lead h1 a{color:transparent;background:linear-gradient(90deg,var(--green),var(--blue),var(--yellow),var(--green));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:shine 8s linear infinite}
.lead h1 a:hover{text-shadow:none}
@keyframes shine{to{background-position:300% 0}}
.dek{font-size:1.2rem;color:#c9d8f8;max-width:62ch}
.excerpt{margin-top:1rem;max-width:68ch}
.excerpt p{margin-bottom:.9rem;color:var(--ink);font-size:1.05rem}
.btn{display:inline-block;margin-top:.6rem;background:var(--red);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:.7rem 1.5rem;border-radius:12px;box-shadow:0 0 22px rgba(255,45,85,.55);font-size:1rem}
.btn:hover{background:var(--green);color:#03120a;text-shadow:none;box-shadow:0 0 26px rgba(57,255,20,.7)}
.btn.small{font-size:.9rem;padding:.5rem 1.1rem}

/* section titles */
.sec{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.6rem;margin:2.4rem 0 1rem;display:flex;align-items:center;gap:.7rem}
.sec::before{content:"";width:12px;height:30px;border-radius:4px;background:linear-gradient(var(--green),var(--blue));box-shadow:0 0 14px rgba(57,255,20,.6)}
.sec.big{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:1.6rem}
.count{color:var(--muted);margin:-.4rem 0 1rem}

/* previous stories: 3 across, smaller type */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.card{--c:var(--green);display:flex;flex-direction:column;border:1.5px solid var(--c);border-radius:14px;overflow:hidden;background:rgba(3,6,20,.82);box-shadow:0 0 18px color-mix(in srgb,var(--c) 32%,transparent);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-5px);box-shadow:0 0 28px color-mix(in srgb,var(--c) 60%,transparent)}
.card.c1{--c:var(--yellow)}.card.c2{--c:var(--red)}.card.c3{--c:var(--blue)}
.card-img{aspect-ratio:16/9;overflow:hidden;border-bottom:1.5px solid var(--c)}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card .meta{font-size:.74rem;gap:.5rem}
.card .chip{background:var(--c);color:#02060f;box-shadow:none;padding:.05rem .5rem}
.card h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.18rem;line-height:1.15;letter-spacing:.01em}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--c)}
.card p{font-size:.88rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .more{margin-top:auto;padding-top:.3rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:var(--c)}

/* archive: one line per article */
.archive{list-style:none;border-top:1px solid var(--line)}
.archive li{border-bottom:1px solid var(--line)}
.archive a{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .3rem;color:var(--ink);font-size:.98rem}
.archive .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;font-weight:500}
.archive .dots{flex:1 1 20px;border-bottom:1px dotted rgba(147,164,200,.35);transform:translateY(-4px);min-width:10px}
.archive time{flex:none;font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);font-weight:700;font-size:.88rem}
.archive a:hover{background:linear-gradient(90deg,rgba(57,255,20,.1),transparent);color:var(--green)}
.allink{margin-top:1.1rem}
.pager{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1.4rem}
.pager a,.pager b{padding:.25rem .75rem;border:1px solid var(--line);border-radius:8px}
.pager b{background:var(--green);color:#03120a;border-color:var(--green)}
.empty{padding:2rem 0;color:var(--muted)}

footer.foot{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}
.foot-links{margin-top:.4rem}

@media(max-width:940px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .grid{grid-template-columns:1fr}
  header.site{grid-template-columns:1fr}.tagline{justify-self:start;text-align:left}
  .lead-img{aspect-ratio:16/10}.nav form{margin-left:0;width:100%}.nav input{flex:1;width:auto}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sweep{display:none}}