:root{
  --bg:#0b0b0d;
  --card:#111216;
  --muted:#9aa7c0;
  --neon1:#00d4ff;
  --neon2:#6a8cff;
  --glass: rgba(255,255,255,0.03);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: radial-gradient(1200px 600px at 10% 10%, rgba(10,15,30,0.3), transparent),
              linear-gradient(180deg,var(--bg), #08080a);
  color:#e6eef8;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

.bg-brain{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0.65;
  transform:translateZ(0);
}

/* Page layout */
.page{
  position:relative;
  z-index:5;
  max-width:1200px;
  margin: 40px auto;
  padding: 24px;
}

/* Hero */
.hero{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px;
  text-align:center;
  margin-bottom:40px;
}

.hero-inner h1{
  font-size: clamp(1.6rem, 2.6vw, 2.8rem);
  margin:0 0 12px;
  letter-spacing:-0.02em;
  background:linear-gradient(90deg,var(--neon1),var(--neon2));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1.05;
}

.lead{
  color:var(--muted);
  max-width:900px;
  margin: 0 auto 18px;
  font-size:1rem;
}

/* Buttons */
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  margin:6px;
}

.btn.neon{
  background: linear-gradient(90deg,var(--neon1),var(--neon2));
  color:#051016;
  box-shadow:0 8px 30px rgba(0,212,255,0.12), 0 2px 6px rgba(106,140,255,0.06);
  transition:transform .18s ease, box-shadow .18s ease;
}

.btn.neon:hover{ transform:translateY(-4px); box-shadow:0 18px 60px rgba(0,212,255,0.16); }

.btn.outline{
  border:1px solid rgba(255,255,255,0.06);
  color:var(--muted);
  background:transparent;
}

/* Section base */
.section{
  padding:36px 18px;
  margin-bottom:30px;
  background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);
  border-radius:12px;
  border: 1px solid rgba(255,255,255,0.02);
  box-shadow: 0 6px 30px rgba(2,6,23,0.4);
}

.section.inverse{
  background: linear-gradient(180deg, rgba(10,12,18,0.5), rgba(5,6,10,0.3));
}

/* Section headings */
.section h2{
  margin:0 0 12px;
  font-size:1.25rem;
  color:linear-gradient(90deg,var(--neon1),var(--neon2));
}

/* Cards */
.cards{
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin-top:18px;
}

.card{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  padding:16px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.02);
  color:var(--muted);
}

/* Features list */
.features-list{
  list-style:none;
  padding:0;
  margin:12px 0 0 0;
  color:var(--muted);
}
.features-list li{
  padding:10px 0;
  border-bottom:1px dashed rgba(255,255,255,0.02);
}

/* Dev grid */
.dev-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin-top:18px;
}

.dev{
  background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0.01));
  padding:16px;
  border-radius:12px;
  text-align:center;
  border:1px solid rgba(255,255,255,0.02);
  transition:transform .18s ease, box-shadow .18s ease;
}
.dev:hover{ transform:translateY(-6px); box-shadow:0 10px 40px rgba(0, 212,255,0.06); }

.avatar{
  width:72px;
  height:72px;
  border-radius:12px;
  object-fit:cover;
  margin-bottom:12px;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  display:inline-block;
}

.dev h4{ margin:6px 0 6px; color:#e6f7ff; font-size:1rem; }
.dev p{ color:var(--muted); font-size:0.92rem; margin:0 0 10px; }

.tags{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.tags span{
  background:linear-gradient(90deg,var(--neon1),var(--neon2));
  color:#041018;
  padding:6px 10px;
  border-radius:999px;
  font-size:0.75rem;
  font-weight:600;
}

/* Team grid */
.team-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
  margin-top:14px;
}

.team-card{
  padding:14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.02);
  background: linear-gradient(180deg, rgba(255,255,255,0.01), transparent);
  color:var(--muted);
}

/* Privacy policy */
.small{ max-width:900px; margin:0 auto; }
.policy h4{ margin:12px 0 6px; color:#d3eaff; }
.policy p{ color:var(--muted); margin:0 0 12px; }

/* Footer */
.footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px;
  margin-top:28px;
  color:var(--muted);
}
.footer a{ color:var(--neon1); text-decoration:none; }

/* Responsive */
@media (max-width:880px){
  .page{ padding:16px; margin:20px auto; }
  .hero{ padding:28px 12px; }
  .dev-grid{ grid-template-columns: 1fr; }
  .cards{ grid-template-columns: 1fr; }
}

/* tiny neon pulse for ctashow */
.btn.neon::after{
  content:'';
  display:block;
  height:6px;
  margin-top:10px;
  background: linear-gradient(90deg,var(--neon1),var(--neon2));
  opacity:0.2;
  border-radius:6px;
  filter: blur(8px);
}