:root{
  --bg:#0a0a0f; --surface:#0f1220; --surface-2:#0b1020; --text:#e9edf3; --muted:#98a2b3;
  --accent:#8b5cf6; --spectral:#22d3ee; --blood:#ba1b3d; --shadow:0 10px 30px rgba(0,0,0,.45);
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(1200px 800px at 20% -10%, #141a2b 0%, transparent 60%),radial-gradient(800px 600px at 110% 10%, #120d1e 0%, transparent 60%),radial-gradient(800px 800px at 50% 100%, #0b0f17 0%, #06070a 70%);color:var(--text);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:18px}
.np-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(10,10,15,.75),rgba(10,10,15,.35));border-bottom:1px solid rgba(255,255,255,.06)}
.np-header .brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.menu{list-style:none;display:flex;gap:14px;margin:0;padding:0}
.menu a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px}
.menu a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.brand-logo{width:44px;height:44px;border-radius:8px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}
.np-header .title{font-family:'Cinzel Decorative',serif;font-weight:700;letter-spacing:.5px;font-size:20px}
.np-main .section{padding:48px 18px}
.hero{position:relative;min-height:72vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.hero.has-bg::before{content:'';position:absolute;inset:0;background:var(--hero) center/cover no-repeat;opacity:.28;filter:contrast(1.05) saturate(1.1)}
.hero .overlay{position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 40%, rgba(0,0,0,.2), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.5))}
.hero .content{position:relative;z-index:2}
.hero-logo{width:160px;max-width:35vw;margin:0 auto 10px;display:block}
.glitch{position:relative;font-family:'Cinzel Decorative',serif;font-size:clamp(36px,6vw,72px);font-weight:700;text-shadow:0 0 22px rgba(139,92,246,.45)}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}
.glitch::before{left:-1px;text-shadow:-2px 0 var(--accent);animation:gl 3s infinite linear alternate}
.glitch::after{left:1px;text-shadow:2px 0 var(--spectral);animation:gl 2.2s infinite linear alternate-reverse}
@keyframes gl{0%{clip-path:inset(0 0 0 0)}50%{clip-path:inset(40% 0 40% 0)}100%{clip-path:inset(0 0 0 0)}}
.subtitle{color:var(--muted);max-width:820px;margin:10px auto}
.cta,.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent),var(--spectral));color:#0a0a0f;padding:10px 14px;border-radius:12px;font-weight:700;text-decoration:none;box-shadow:var(--shadow);border:0;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.card .thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.card .body{padding:16px}
.meta{color:var(--muted);font-size:13px;margin:6px 0}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text)}
.np-footer{color:var(--muted);text-align:center;padding:24px 18px 60px;opacity:.9}
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.post{display:flex;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px;align-items:center}
.post img{width:120px;height:80px;object-fit:cover;border-radius:10px}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.person{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:16px;text-align:center}
.avatar{width:90px;height:90px;margin:6px auto 10px;border-radius:50%;background: radial-gradient(circle at 30% 30%, #ad95ff, #43217d)}
.role{color:var(--muted);font-size:13px}
.contact .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact input,.contact textarea{width:100%;background:#0d1326;border:1px solid rgba(255,255,255,.14);color:var(--text);padding:12px;border-radius:12px;font:inherit}
.contact textarea{min-height:120px;resize:vertical}
.hint{color:var(--muted);font-size:13px}
.np-ambient{display:flex;justify-content:center;margin:12px 0}
.np-amb-btn{background:#101629;color:var(--text);border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:10px;cursor:pointer}
/* Responsive YouTube embed */
.np-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#0d1326}
.np-embed iframe{position:absolute;inset:0;width:100%;height:100%}