:root{
  --bg:#070b14; --panel:#0d1322; --text:#e8eefc; --muted:#a8b4d6;
  --blue:#1836ff; --yellow:#ffd400; --green:#7dff9b; --border:#22345f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:Arial, Helvetica, sans-serif;
  background:radial-gradient(circle at top, rgba(24,54,255,.18), transparent 28%), linear-gradient(180deg, #05070d 0%, #09101c 55%, #060a12 100%);
  color:var(--text); line-height:1.6;
}
a{color:var(--yellow); text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,92%); margin:0 auto}
.site-header{position:sticky; top:0; z-index:20; backdrop-filter:blur(10px); background:rgba(5,10,18,.82); border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 0}
.brand{display:flex; align-items:center; gap:.85rem; font-weight:700; color:#fff}
.brand img{width:54px; height:54px}
.nav-links{display:flex; flex-wrap:wrap; gap:1rem}
.nav-links a{color:var(--text); padding:.45rem .7rem; border-radius:999px}
.nav-links a.active,.nav-links a:hover{background:rgba(24,54,255,.22); text-decoration:none}
.hero{padding:4rem 0 2.7rem}
.hero-grid{display:grid; grid-template-columns:1.2fr .9fr; gap:2rem; align-items:center}
.kicker{color:var(--green); text-transform:uppercase; letter-spacing:.14em; font-size:.86rem; font-weight:700}
h1,h2,h3{line-height:1.15; margin:0 0 .8rem}
h1{font-size:clamp(2.2rem,5vw,4.5rem)}
h2{font-size:clamp(1.7rem,3vw,2.5rem)}
h3{font-size:1.25rem}
.lead{font-size:1.08rem; color:var(--muted); max-width:66ch}
.hero-card,.panel{background:linear-gradient(180deg, rgba(17,26,45,.96), rgba(10,16,29,.96)); border:1px solid var(--border); border-radius:22px; box-shadow:0 20px 60px rgba(0,0,0,.25)}
.hero-card{padding:1.25rem}
.hero-logo-wrap{display:grid; place-items:center; min-height:360px; background:radial-gradient(circle at center, rgba(24,54,255,.25), transparent 40%), linear-gradient(180deg, rgba(24,54,255,.08), rgba(255,212,0,.06)); border-radius:18px; border:1px solid rgba(255,255,255,.08)}
.hero-logo-wrap img{width:min(360px,88%); filter:drop-shadow(0 0 24px rgba(24,54,255,.4))}
.cta-row{display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.4rem}
.btn{display:inline-block; padding:.9rem 1.2rem; border-radius:12px; font-weight:700; border:1px solid transparent}
.btn-primary{background:var(--yellow); color:#10131d}
.btn-secondary{background:transparent; border-color:var(--border); color:var(--text)}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem}
.card{background:rgba(13,19,34,.88); border:1px solid var(--border); border-radius:18px; padding:1.2rem}
.card p{color:var(--muted)}
.section{padding:2rem 0 3rem}
.section-intro{margin-bottom:1.25rem}
.quote{border-left:4px solid var(--yellow); padding:1rem 1rem 1rem 1.1rem; background:rgba(255,255,255,.03); border-radius:0 14px 14px 0; color:#f2f6ff}
.list-clean{padding-left:1.1rem}
.list-clean li{margin:.35rem 0; color:var(--muted)}
footer{border-top:1px solid rgba(255,255,255,.08); color:var(--muted); padding:2rem 0 3rem}
.small{font-size:.95rem; color:var(--muted)}
.table-like,.flag-table{width:100%; border-collapse:collapse; margin-top:.75rem}
.table-like td,.flag-table th,.flag-table td{text-align:left; border-top:1px solid rgba(255,255,255,.08); padding:.75rem .2rem; vertical-align:top}
.flag-table th{color:var(--yellow)}
.page-hero{padding:3rem 0 2rem}
.code-block{font-family:Consolas, monospace; background:#060912; border:1px solid rgba(125,255,155,.16); color:var(--green); padding:1rem; border-radius:14px; overflow:auto}
.mini-note{font-size:.85rem; color:#7e8caf}
.notice{padding:1rem 1.15rem; border-radius:16px; background:rgba(125,255,155,.08); border:1px solid rgba(125,255,155,.18)}
.hidden-admin-link{color:inherit; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.22)}
.media-card img{width:100%; border-radius:14px; border:1px solid rgba(255,255,255,.08)}
.download-row{display:flex; flex-wrap:wrap; gap:.75rem; margin-top:.8rem}
/* second-layer clue: trace the stylesheet, then follow assets/quiet-path.txt */
/* third-layer nudge: staff tools are usually hidden in plain directories */
@media (max-width:900px){.hero-grid,.grid-3,.grid-2{grid-template-columns:1fr}.nav{align-items:flex-start; flex-direction:column}}