:root{
  --void:#020403;
  --void-2:#050907;
  --panel:rgba(2,10,6,.72);
  --panel-strong:rgba(0,0,0,.82);
  --matrix:#00ff66;
  --matrix-soft:#9fffb7;
  --matrix-pale:#eaffef;
  --blood:#ff4d4d;
  --amber:#d7b35a;
  --gold:#f4d889;
  --line:rgba(0,255,102,.32);
  --line-soft:rgba(255,255,255,.12);
  --shadow:0 28px 90px rgba(0,0,0,.72);
  --glow:0 0 18px rgba(0,255,102,.28),0 0 60px rgba(0,255,102,.09);
  --redglow:0 0 24px rgba(255,77,77,.18);
  --radius:18px;
  --radius-sm:10px;
  --serif:Georgia,'Times New Roman',serif;
  --mono:'Courier New',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:var(--void);color:var(--matrix-soft);font-family:var(--sans);scroll-behavior:smooth;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
body{overflow-x:hidden;background:radial-gradient(circle at 50% 0%,rgba(0,255,102,.11),transparent 32rem),radial-gradient(circle at 15% 25%,rgba(215,179,90,.09),transparent 30rem),linear-gradient(180deg,#020403 0%,#000 48%,#020302 100%)}
body:before{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:screen;opacity:.18}
body:after{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at center,transparent 0 42%,rgba(0,0,0,.32) 75%,rgba(0,0,0,.88) 100%)}
::selection{background:rgba(0,255,102,.28);color:#fff}
a{color:var(--matrix-pale);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:#fff}
canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.88}
.signal-face{position:fixed;inset:0;z-index:1;pointer-events:none;background:url('face_big.png') center/contain no-repeat;opacity:.105;filter:brightness(1.14) contrast(1.65) saturate(.9) drop-shadow(0 0 28px rgba(0,255,153,.35))}
.veil{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,rgba(0,255,102,.09),rgba(0,0,0,.72) 58%,#000 100%),linear-gradient(135deg,rgba(0,255,102,.06),transparent 28%,rgba(215,179,90,.04) 78%,transparent)}
.page{position:relative;z-index:5;min-height:100vh}
.wrap{width:min(1220px,92vw);margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px;position:relative}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),rgba(215,179,90,.45),var(--line),transparent)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--matrix-pale);font-family:var(--mono);font-weight:900;letter-spacing:.18em;text-shadow:0 0 10px rgba(0,255,102,.8),0 0 28px rgba(0,255,102,.28);font-size:.94rem;text-transform:uppercase;white-space:nowrap}
.brand img{width:46px;height:46px;filter:drop-shadow(0 0 14px rgba(0,255,102,.8)) drop-shadow(0 0 2px rgba(255,255,255,.8));border-radius:50%}
.nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.nav a{color:var(--matrix-soft);text-decoration:none;font-family:var(--mono);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 9px rgba(0,255,102,.58);border:1px solid rgba(0,255,102,.15);background:rgba(0,0,0,.22);padding:8px 10px;border-radius:999px;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.nav a:hover,.nav a:focus-visible{color:#fff;border-color:rgba(0,255,102,.72);background:rgba(0,255,102,.08);box-shadow:0 0 18px rgba(0,255,102,.18);transform:translateY(-1px);outline:none}
.hero{padding:clamp(72px,10vh,132px) 0 clamp(54px,8vh,90px);text-align:center;position:relative}
.hero:before{content:"";position:absolute;left:50%;top:32px;width:min(760px,82vw);height:min(760px,82vw);transform:translateX(-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,255,102,.11),transparent 62%);filter:blur(2px)}
.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.28em;font-family:var(--mono);font-size:.76rem;text-shadow:0 0 10px rgba(215,179,90,.42);padding:7px 12px;border:1px solid rgba(215,179,90,.25);border-radius:999px;background:rgba(0,0,0,.42);box-shadow:inset 0 0 18px rgba(215,179,90,.05)}
.eyebrow:before,.eyebrow:after{content:"";display:block;width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--amber))}
.eyebrow:after{background:linear-gradient(90deg,var(--amber),transparent)}
.hero h1,h1{font-family:var(--serif);font-size:clamp(2.9rem,8.2vw,7.2rem);line-height:.88;margin:22px 0 24px;letter-spacing:.075em;color:#f7fff9;text-transform:uppercase;text-shadow:0 0 18px rgba(0,255,102,.7),0 0 56px rgba(0,255,102,.28),0 8px 34px rgba(0,0,0,.9)}
.hero p.lead,.lead{font-size:clamp(1.05rem,1.85vw,1.38rem);max-width:920px;margin:0 auto 30px;color:#d9ffe2;line-height:1.75;text-shadow:0 0 10px rgba(0,255,102,.28);font-weight:420}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px;align-items:center}
.cta-row.small{justify-content:flex-start;margin-top:18px;gap:10px}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:13px 20px;border:1px solid rgba(0,255,102,.78);color:#eaffef;background:linear-gradient(180deg,rgba(0,255,102,.12),rgba(0,0,0,.58));text-decoration:none;font-family:var(--mono);font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--glow),inset 0 0 20px rgba(0,255,102,.05);border-radius:999px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.btn:hover,.btn:focus-visible,button.btn:hover,button.btn:focus-visible{background:linear-gradient(180deg,rgba(0,255,102,.92),rgba(113,255,167,.86));color:#001b08;text-shadow:none;transform:translateY(-2px);box-shadow:0 0 24px rgba(0,255,102,.45),0 14px 40px rgba(0,0,0,.56);outline:none}
.btn.alt{border-color:rgba(244,216,137,.62);color:#fff6d7;background:linear-gradient(180deg,rgba(215,179,90,.11),rgba(0,0,0,.5));box-shadow:0 0 18px rgba(215,179,90,.13)}
.btn.alt:hover,.btn.alt:focus-visible{background:linear-gradient(180deg,rgba(244,216,137,.9),rgba(162,123,44,.84));color:#120d03;border-color:rgba(244,216,137,.95)}
.section{padding:clamp(54px,7vw,86px) 0;position:relative}
.section>h2,.section h2:first-child{font-family:var(--serif);font-size:clamp(1.9rem,4.2vw,3.4rem);text-align:center;letter-spacing:.095em;text-transform:uppercase;color:#f1fff4;text-shadow:0 0 14px rgba(0,255,102,.48),0 0 38px rgba(0,255,102,.14);margin:0 0 18px}
.section>p.lead{margin-bottom:34px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:20px}
.card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(5,18,10,.78),rgba(0,0,0,.74));padding:26px;border-radius:var(--radius);box-shadow:var(--shadow),0 0 26px rgba(0,255,102,.08),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px);overflow:hidden}
.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 22%,rgba(0,255,102,.04) 68%,transparent);opacity:.9}
.card:after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,102,.55),rgba(244,216,137,.34),transparent)}
.card:hover{border-color:rgba(0,255,102,.56);box-shadow:var(--shadow),0 0 32px rgba(0,255,102,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.card h2,.card h3{position:relative;margin:0 0 12px;color:#f4fff7;text-shadow:0 0 12px rgba(0,255,102,.42);letter-spacing:.055em;line-height:1.14;text-transform:uppercase}
.card h2{font-family:var(--serif);font-size:clamp(1.38rem,2.3vw,2.05rem)}
.card h3{font-size:1.05rem;font-family:var(--mono)}
.card p,.card li{position:relative;color:#cffff0;line-height:1.68;font-size:.98rem}
.card ul,.card ol{padding-left:1.15rem;margin:14px 0 0}
.book-card{display:flex;flex-direction:column;justify-content:space-between;min-height:248px}
.book-card .cta-row.small{margin-top:22px}
.split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:24px;align-items:start}
.terminal{position:relative;border:1px solid rgba(0,255,102,.62);background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(1,9,5,.9));padding:24px;color:#cffff0;box-shadow:var(--shadow),0 0 34px rgba(0,255,102,.19),inset 0 0 26px rgba(0,255,102,.035);white-space:pre-wrap;line-height:1.62;border-radius:var(--radius);font-family:var(--mono);letter-spacing:.025em;overflow:hidden}
.terminal:before{content:"SIGNAL TERMINAL";display:block;margin:-4px 0 14px;color:var(--gold);letter-spacing:.22em;font-size:.72rem;text-transform:uppercase}
.terminal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 5px;opacity:.25}
.books-list{list-style:none;padding:0;margin:0}
.books-list li{padding:12px 0;border-bottom:1px solid rgba(0,255,102,.18)}
input,textarea,select{width:100%;box-sizing:border-box;background:rgba(0,0,0,.68);border:1px solid rgba(0,255,102,.42);color:#eaffef;padding:14px 15px;margin:8px 0 12px;font-family:var(--mono);border-radius:var(--radius-sm);box-shadow:inset 0 0 18px rgba(0,255,102,.035)}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(0,255,102,.92);box-shadow:0 0 0 3px rgba(0,255,102,.12),inset 0 0 18px rgba(0,255,102,.055)}
input::placeholder,textarea::placeholder{color:rgba(207,255,224,.62)}
.footer{padding:54px 0;text-align:center;color:#9fffb7;border-top:1px solid rgba(0,255,102,.22);margin-top:46px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.36))}
.footer strong{color:#f4fff7;letter-spacing:.14em;font-family:var(--mono)}
.warning{font-size:.9rem;color:#aefec3;opacity:.88;line-height:1.6}.pill,.label{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(215,179,90,.46);padding:6px 10px;margin:4px 4px 12px 0;color:#fff4cc;background:linear-gradient(180deg,rgba(215,179,90,.1),rgba(0,0,0,.28));font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;border-radius:999px}
.label{border-color:rgba(0,255,102,.55);background:rgba(0,255,102,.07);color:#d7ffe0}
blockquote{position:relative;border-left:3px solid var(--gold);margin:30px 0;padding:24px 28px;color:#f5fff7;background:linear-gradient(90deg,rgba(215,179,90,.08),rgba(0,0,0,.28));line-height:1.75;border-radius:0 var(--radius) var(--radius) 0;font-family:var(--serif);font-size:1.15rem}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:28px 0}
.metric{border:1px solid rgba(0,255,102,.34);background:linear-gradient(180deg,rgba(0,255,102,.1),rgba(0,0,0,.72));padding:24px;border-radius:var(--radius);box-shadow:var(--shadow),0 0 24px rgba(0,255,102,.11)}
.metric strong{display:block;font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;color:#eaffef;text-shadow:0 0 16px rgba(0,255,102,.7)}
.metric span{display:block;color:#bfffd1;margin-top:12px;line-height:1.5}.dateline{color:#fff0c4;letter-spacing:.14em;text-transform:uppercase;font-family:var(--mono);font-size:.82rem}.news-item{border-left:3px solid var(--matrix);padding:20px 22px;margin:20px 0;background:linear-gradient(90deg,rgba(0,255,102,.07),rgba(0,0,0,.32));border-radius:0 var(--radius) var(--radius) 0;box-shadow:0 18px 50px rgba(0,0,0,.38)}.news-item h3{margin:0 0 10px;color:#f4fff7;text-transform:uppercase;letter-spacing:.04em}.source-list a{color:#fff6d7}.redline{border-color:rgba(255,77,77,.5)!important;box-shadow:var(--shadow),var(--redglow)!important}.amber{border-color:rgba(244,216,137,.48)!important;box-shadow:var(--shadow),0 0 18px rgba(244,216,137,.14)!important}.filter-panel{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px auto 18px}.filter-panel .btn{min-height:40px;padding:10px 14px;font-size:.72rem}.filter-panel .btn.active{background:linear-gradient(180deg,rgba(244,216,137,.95),rgba(162,123,44,.86));border-color:rgba(244,216,137,.95);color:#110c02;text-shadow:none;box-shadow:0 0 22px rgba(244,216,137,.28)}.filter-count{text-align:center;color:#fff0c4;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;margin:6px 0 28px}[data-category]{transition:opacity .18s ease,transform .18s ease}
@media(max-width:980px){.topbar{display:block;text-align:center}.brand{justify-content:center;margin-bottom:18px;white-space:normal}.nav{gap:7px}.nav a{font-size:.72rem;padding:7px 9px}.split{grid-template-columns:1fr}.hero{padding-top:58px}.cta-row.small{justify-content:center}.card{text-align:left}}
@media(max-width:560px){.wrap{width:min(94vw,1220px)}.hero h1,h1{letter-spacing:.045em}.eyebrow{letter-spacing:.16em;font-size:.68rem}.eyebrow:before,.eyebrow:after{width:12px}.btn,button.btn{width:100%;padding:13px 16px}.cta-row{gap:10px}.grid{grid-template-columns:1fr}.card{padding:22px}.terminal{font-size:.9rem}.signal-face{opacity:.075;background-size:cover}.filter-panel .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav a,.btn,.card{transition:none}canvas{opacity:.35}}