:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial; background:#0a0a0b; color:#e5e5e5; }
a { color: inherit; text-decoration: none; }
.container { max-width: 1120px; margin: 0 auto; padding: 0 1rem; }
header { position: sticky; top: 0; z-index:10; background:#0c0c0fCC; backdrop-filter: blur(6px); border-bottom:1px solid #2a2a31;}
.header-inner { height: 56px; display:flex; align-items:center; justify-content:space-between; }
nav a { color:#bdbdc7; margin-left:1rem; }
nav a:hover { color:#fff; }
h1,h2,h3 { line-height: 1.2; }
.section { padding: 64px 0; }
.pills { display:flex; gap:.5rem; flex-wrap: wrap; margin-bottom: 12px; }
.pill { padding:.25rem .75rem; border:1px solid #2a2a31; border-radius:999px; background:#16161a; color:#d1d1d6; font-size:.75rem;}
.h1 { font-size:2.4rem; font-weight:800; }
.sub { color:#a1a1aa; max-width: 65ch; }
.btn { display:inline-flex; align-items:center; gap:.5rem; background:#ef4444; color:#fff; padding:.5rem 1rem; border-radius:999px; border:1px solid #b91c1c; }
.btn.secondary { background:#1f2937; border-color:#374151; color:#e5e7eb; }
.grid2 { display:grid; gap:2rem; grid-template-columns:1fr; }
@media(min-width: 900px){ .grid2{ grid-template-columns:1fr 1fr; } }
.hero-img { border-radius: 18px; overflow:hidden; border:1px solid #2a2a31; }
.hero-img img { width:100%; height:420px; object-fit: cover; display:block; }
.card { background:#0f0f12; border:1px solid #2a2a31; border-radius: 16px; overflow:hidden; }
.card .content { padding: 16px; }
.members { display:grid; gap:1rem; grid-template-columns:1fr 1fr; }
@media(min-width: 900px){ .members{ grid-template-columns: repeat(4, 1fr);} }
.member img { width:100%; height: 230px; object-fit: cover; display:block; }
.small { color:#a1a1aa; font-size:.9rem; }
footer { border-top:1px solid #2a2a31; padding: 28px 0; color:#a1a1aa; }
.gallery { display:grid; gap:.75rem; grid-template-columns:repeat(2,1fr); }
@media(min-width: 900px){ .gallery{ grid-template-columns:repeat(3,1fr);} }
.gallery img{ width:100%; height: 190px; object-fit: cover; border-radius: 12px; border:1px solid #2a2a31;}