:root{
  --navy:#0a1931; --navy2:#0b2244; --charcoal:#141b2d; --ink:#0d1424;
  --cobalt:#1a56db; --cobalt2:#2563eb; --cyan:#00e5ff; --red:#e30613;
  --muted:#93a0b8; --line:rgba(0,229,255,.14); --card:rgba(17,26,46,.78);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(26,86,219,.28),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(0,229,255,.12),transparent 55%),linear-gradient(180deg,#070d1d,#0a142c 40%,#070d1d);color:#e8eefb;font-family:'Inter','Plus Jakarta Sans',system-ui,sans-serif;min-height:100vh}
h1,h2,h3,.jak{font-family:'Plus Jakarta Sans','Inter',sans-serif}
.mono{font-family:'JetBrains Mono',monospace}
.glass{background:rgba(10,20,40,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:60}
.nav{display:flex;align-items:center;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand img{height:72px;width:auto;aspect-ratio:auto;object-fit:contain;background:linear-gradient(180deg,#10254d,#070d1d);border-radius:12px;padding:6px 12px;box-shadow:0 0 0 1px rgba(0,229,255,.25),0 6px 22px rgba(0,229,255,.18)}
.brand b{font-size:15px;line-height:1.1;display:block}
.brand span{font-size:11px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase}
nav.links{display:flex;gap:18px;margin-left:auto;font-size:14px}
nav.links a{color:#c9d5ef;text-decoration:none;font-weight:600}
nav.links a:hover{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(26,86,219,.9),rgba(0,229,255,.25));color:#fff;font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:12px;cursor:pointer;text-decoration:none;transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(0,229,255,.3)}
.btn.ghost{background:rgba(255,255,255,.06)}
.btn.red{background:linear-gradient(135deg,#e30613,#7f1d1d);border-color:rgba(227,6,19,.5)}
.hero{padding:64px 0 30px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);padding:7px 12px;border-radius:999px;background:rgba(0,229,255,.07)}
.hero h1{font-size:clamp(30px,4.6vw,54px);line-height:1.04;margin:16px 0 12px;letter-spacing:-.02em}
.hero h1 .cy{color:var(--cyan)} .hero h1 .rd{color:#ff4757}
.sub{color:#b9c6e2;font-size:clamp(14px,1.8vw,17.5px);max-width:640px}
.searchbar{margin-top:22px;background:rgba(8,15,32,.8);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.searchbar input{width:100%;background:#0a1328;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:14px 16px 14px 44px;font-size:15px;outline:none}
.searchbar input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.18)}
.swrap{position:relative}
.swrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.7}
.scopes{display:flex;gap:8px;margin-bottom:10px}
.scope{flex:1;font-size:12.5px;font-weight:800;padding:9px 6px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#c9d5ef;cursor:pointer;transition:.2s;white-space:nowrap}
.scope.on{background:linear-gradient(135deg,var(--cobalt),#00b8d4);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(0,229,255,.3)}
@media(max-width:640px){.scope{font-size:11px;padding:8px 4px}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#d5def5;padding:8px 13px;border-radius:999px;cursor:pointer}
.chip.on{background:linear-gradient(135deg,var(--cobalt),#00b8d4);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(0,229,255,.3)}
.stats{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;font-size:13px}
.stat b{color:var(--cyan);font-size:16px}
.term{background:#050b1a;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.term-bar{display:flex;gap:7px;align-items:center;padding:11px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.dot{width:11px;height:11px;border-radius:50%}
.term pre{margin:0;padding:18px;font-family:'JetBrains Mono',monospace;font-size:12.8px;line-height:1.75;color:#bdf3ff;overflow:auto;min-height:300px;white-space:pre-wrap}
.c{color:var(--cyan)} .g{color:#4ade80} .y{color:#facc15} .w{color:#e8eefb} .d{color:#64748b}
.section{padding:44px 0}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.sec-head h2{margin:0;font-size:clamp(22px,3vw,32px)}
.sec-head p{margin:6px 0 0;color:var(--muted);max-width:640px}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;cursor:pointer;transition:.2s}
.cat:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 14px 40px rgba(0,229,255,.16)}
.cat h3{margin:8px 0 6px;font-size:16.5px}
.cat p{margin:0;color:var(--muted);font-size:13.5px}
.cat .n{font-size:12px;color:var(--cyan);font-weight:800;letter-spacing:.08em}
.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(0,229,255,.1);color:var(--cyan)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:.2s}
.card:hover{border-color:rgba(0,229,255,.5);transform:translateY(-2px)}
.card h3{margin:0;font-size:15.5px;line-height:1.35}
.card p{margin:0;color:var(--muted);font-size:13.2px;flex:1}
.snip{background:#050b1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#9df0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row{display:flex;gap:8px}
.mini{flex:1;font-size:12.5px;font-weight:800;padding:9px;border-radius:10px;border:1px solid var(--line);background:rgba(0,229,255,.1);color:var(--cyan);cursor:pointer}
.mini.copy{background:rgba(255,255,255,.06);color:#e8eefb}
.mini:hover{filter:brightness(1.2)}
.count{font-size:13px;color:var(--muted)}
.banner{background:linear-gradient(135deg,#0b2244,#1a56db 55%,#00b8d4);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;box-shadow:0 24px 70px rgba(26,86,219,.4)}
.banner h2{margin:0 0 10px;font-size:clamp(20px,3vw,30px)}
.banner p{margin:0 0 18px;color:#dbe7ff}
.portal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tier{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px}
.tier h3{margin:0 0 6px}.tier ul{margin:12px 0;padding-left:18px;color:#c4d0ea;font-size:13.5px}.tier li{margin:6px 0}
form.contact{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
form.contact .full{grid-column:1/-1}
label{font-size:12.5px;font-weight:700;color:#c9d5ef;display:block;margin-bottom:6px}
input.f,select.f,textarea.f{width:100%;background:#0a1328;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:11px;padding:12px;font-size:14px;outline:none;font-family:inherit}
input.f:focus,select.f:focus,textarea.f:focus{border-color:var(--cyan)}
footer{border-top:1px solid var(--line);background:rgba(5,10,24,.9);padding:36px 0;margin-top:30px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}
footer img.flogo{height:80px;width:auto;object-fit:contain;background:linear-gradient(180deg,#10254d,#070d1d);border-radius:12px;padding:6px 12px}
footer a{color:#b9c6e2;text-decoration:none;font-size:13.5px}footer a:hover{color:var(--cyan)}
.disclaimer{margin-top:18px;font-size:12.5px;color:var(--muted);border-top:1px dashed rgba(255,255,255,.14);padding-top:14px}
#toTop{position:fixed;right:20px;bottom:22px;z-index:70;width:48px;height:48px;border-radius:14px;border:1px solid var(--cyan);background:linear-gradient(135deg,var(--cobalt),#00b8d4);color:#fff;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px rgba(0,229,255,.4)}
#toTop.show{opacity:1;pointer-events:auto}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(3,7,18,.75);backdrop-filter:blur(6px)}
.modal.open{display:flex}
.sheet{background:linear-gradient(180deg,#0d1730,#080f22);border:1px solid var(--line);border-radius:18px;max-width:860px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.sheet-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.sheet-head h3{margin:0;font-size:17px;flex:1}
.sheet-body{padding:20px;overflow:auto;font-size:14.2px;line-height:1.75;color:#d3ddf3}
.sheet-body h4{color:var(--cyan);margin:20px 0 8px}.sheet-body table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}.sheet-body th,.sheet-body td{border:1px solid rgba(255,255,255,.14);padding:8px;text-align:left}.sheet-body th{background:rgba(0,229,255,.1);color:var(--cyan)}.sheet-body code{background:#050b1a;border:1px solid rgba(255,255,255,.14);padding:2px 7px;border-radius:7px;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:#9df0ff}
.codebox{background:#050b1a;border:1px solid rgba(0,229,255,.25);border-radius:12px;padding:14px;font-family:'JetBrains Mono',monospace;font-size:12.8px;white-space:pre-wrap;color:#bdf3ff;position:relative}
.x{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:16px}
.arsenal{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#06281f;border:1px solid #10b981;color:#a7f3d0;padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:700;opacity:0;transition:.25s;z-index:200}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:960px){.hero-grid,.banner,.fgrid{grid-template-columns:1fr}nav.links{display:none}.cat-grid,.grid,.portal,.arsenal{grid-template-columns:1fr 1fr}form.contact{grid-template-columns:1fr}}
@media(max-width:640px){.cat-grid,.grid,.portal,.arsenal{grid-template-columns:1fr}.brand b{display:none}}
.sticky-search{position:sticky;top:97px;z-index:55;padding:10px 0}
.sticky-search .searchbar{margin-top:0;padding:10px}
.art{padding:0;overflow:hidden}
.art-banner{background:#050b1a;border-bottom:1px solid var(--line)}
.art-banner svg{display:block;width:100%;height:auto}
.art-banner img{display:block;width:100%;height:190px;object-fit:cover}
.art-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px 0}
.read{font-size:11.5px;font-weight:700;color:#8fa0c2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;white-space:nowrap}
.art h3{padding:0 16px}.art p{padding:0 16px}.art .row{padding:0 16px 16px}
.lede{color:#b9c6e2;font-size:15px;border-left:3px solid var(--cyan);padding-left:14px}
.viewer{background:#050b1a;border:1px solid rgba(0,229,255,.3);border-radius:14px;overflow:hidden;margin:14px 0}
.viewer-bar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line);background:rgba(255,255,255,.03)}
.viewer-bar .mini{flex:1;min-width:170px}
.rsec{color:var(--cyan);margin:24px 0 10px;font-size:16px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.step{display:flex;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px}
.step-n{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),#00b8d4);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.step h4{margin:0 0 6px;color:#fff;font-size:14.5px}
.step p{margin:6px 0;color:#c4d0ea}
.cmdblock{background:#050b1a;border:1px solid rgba(0,229,255,.25);border-radius:12px;margin:10px 0;overflow:hidden}
.cmd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:rgba(0,229,255,.06);border-bottom:1px solid var(--line);font-size:12px;color:var(--cyan);font-weight:700}
.cmdblock pre{margin:0;padding:14px;font-size:12.8px;line-height:1.7;color:#bdf3ff;white-space:pre-wrap}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;cursor:pointer;display:grid;gap:6px;font-size:13px}
.rel:hover{border-color:var(--cyan)}
.rel b{color:#fff}.rel span{color:var(--cyan);font-size:12px;font-weight:700}
.light-scroll{overflow:auto;text-align:center}
#lightBody{transition:transform .2s;transform-origin:top center}
#lightBody svg{max-width:100%;border-radius:12px}
.amodes{display:flex;gap:8px;margin-bottom:14px}
.amode{flex:1;font-size:13.5px;font-weight:800;padding:11px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#c9d5ef;cursor:pointer}
.amode.on{background:linear-gradient(135deg,var(--cobalt),#00b8d4);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(0,229,255,.3)}
.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.admin-grid form{display:grid;gap:12px}
.arow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hint{font-weight:400;color:var(--muted);font-size:11.5px}
.dynrow{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:grid;gap:8px;margin-bottom:10px}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.admin-err{color:#ff8a8a;font-size:13px;font-weight:700;min-height:20px;margin:8px 0 0}
.admin-out{background:#050b1a;border:1px solid rgba(0,229,255,.3);border-radius:12px;padding:14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#bdf3ff;white-space:pre-wrap;max-height:320px;overflow:auto;margin-top:12px}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.arow{grid-template-columns:1fr}}
.yt-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3f0d12,#b31217 55%,#0a142c);padding:16px 18px;border-bottom:1px solid var(--line)}
.yt-play{flex:none;width:44px;height:44px;border-radius:50%;background:#ff0000;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(255,0,0,.5);padding-left:3px}
.yt-name{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-weight:800;font-size:26px;color:#fff;opacity:.9}
.yt-handle{color:var(--cyan);font-size:12.5px;margin-top:-6px}
.htags{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px}
.htag{font-size:11.5px;font-weight:700;color:#9df0ff;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);padding:4px 10px;border-radius:999px}
.ov{background:rgba(0,229,255,.05);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.ov h5{margin:0 0 6px;color:var(--cyan);font-size:12.5px;letter-spacing:.07em;text-transform:uppercase}
.ov p{margin:0;color:#d3ddf3}
#loadMoreBtn{font-size:14.5px;padding:13px 28px}
@media(max-width:640px){.rel-grid{grid-template-columns:1fr}.sticky-search{top:97px}}
@media(max-width:1100px){.brand span{display:none}}
main section{scroll-margin-top:110px}
.hamb{display:none;margin-left:auto;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:9px 12px;font-size:16px;cursor:pointer}
@media(max-width:960px){.hamb{display:block}}
.mnav{display:none;padding:0 20px 14px}.mnav.open{display:grid;gap:8px}.mnav a{color:#d5def5;text-decoration:none;font-weight:700;background:rgba(255,255,255,.05);padding:11px 14px;border-radius:11px;font-size:14px}