:root{
  --bg:#0a0810; --panel:#141024cc; --txt:#e9e8ff; --muted:#a8a4c7; --cyan:#51cdff; --mag:#ff1f6a;
}
*{box-sizing:border-box} body{margin:0;background:#05040a;color:var(--txt);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:radial-gradient(1200px 800px at 10% -10%, #111428 0%, #0b0a14 55%, #07060d 100%) fixed;}
img{max-width:100%;display:block} .container{width:min(1120px,92%);margin-inline:auto}
.hero{position:relative;min-height:78svh;display:grid;place-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(1.2)}
.scrim{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 30%, transparent 0, rgba(10,8,16,.6) 60%, rgba(10,8,16,.95) 100%)}
.hero__inner{position:relative;z-index:2;text-align:center}
.brand{font-family:Orbitron,Inter,sans-serif;font-weight:800;letter-spacing:.5px;
  font-size:clamp(40px,7vw,80px);margin:0 0 .4rem;text-shadow:0 0 22px rgba(255,31,106,.25)}
.brand span{color:var(--mag)} .tag{font-size:clamp(16px,2.6vw,22px);margin:.5rem 0 1.25rem}
.btn{display:inline-block;padding:.95rem 1.25rem;border-radius:14px;text-decoration:none;font-weight:800;letter-spacing:.3px;transition:.2s transform}
.btn-primary{background:linear-gradient(90deg,var(--cyan),#7bd9ff);color:#041018;box-shadow:0 8px 26px rgba(73,198,255,.28)}
.btn-ghost{border:1px solid #ffffff20;color:var(--txt);background:#ffffff0d;margin-left:.6rem;backdrop-filter: blur(6px)}
.btn:hover{transform:translateY(-2px)}
.section-title{font-family:Orbitron;letter-spacing:.5px;margin:1.8rem 0 .8rem}
.gallery .grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02));
  border:1px solid #ffffff18;border-radius:18px;padding:1.2rem 1rem;box-shadow:0 10px 35px rgba(0,0,0,.35)}
.card-glow{overflow:hidden;padding:0}
.card-glow img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(1.06) contrast(1.04)}
.card-glow figcaption{padding:1rem} .card-glow h3{margin:.1rem 0 .2rem} .card-glow p{margin:0;color:var(--muted)}
.social .pill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
.pill{display:block;text-align:center;padding:.95rem 1rem;border-radius:14px;text-decoration:none;color:var(--txt);
  background:#ffffff10;border:1px solid #ffffff18;backdrop-filter: blur(4px)} .pill:hover{border-color:#ffffff40}
.center{text-align:center} .emblem img{width:min(380px,70%)} .foot{opacity:.75;text-align:center;padding:2rem 0 4rem}