body[data-theme="light"] .expert-card,
body[data-theme="light"] .fancy-box{
  background:
  radial-gradient(circle at 20% 20%, rgba(21, 240, 236, 0.25), transparent 40%),
  radial-gradient(circle at 80% 80%, rgba(247, 250, 251, 0.25), transparent 40%),
  linear-gradient(180deg, #d0f3f5, #eaebee);
  color: #000;}

  /* Light Theme: Footer text black */
body[data-theme="light"] .expert-card h3,
body[data-theme="light"] .fancy-box h3,
body[data-theme="light"] .expert-title,
body[data-theme="light"] .expert-desc{
    color:var(--muted);
}

/* ===== Team Section ===== */
main{
  max-width:1200px;
  margin:auto;
  padding:60px 16px;
}

main h2{
  text-align:center;
  margin-bottom:30px;
  font-size:2rem;
  color:var(--cyan);
  letter-spacing:1px;
}

/* Grid */
.experts-container{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  gap:22px;
  margin-bottom:50px;
}

/* ===== Expert Card ===== */
.expert-card{
 background:
    radial-gradient(circle at 15% 20%, rgba(255,43,43,.08), transparent 40%),
    radial-gradient(circle at 85% 20%, rgba(0,234,255,.08), transparent 40%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.02) 1px, transparent 1px, transparent 3px),
    linear-gradient(180deg, #080000, #02040a);
  padding:22px 18px 24px;
  text-align:center;
  border-radius: 20px;
  border:1px solid rgba(106, 43, 43, 0.472);
  box-shadow:0 10px 20px rgb(108, 2, 2);
  position:relative;
  overflow:hidden;
  transition:.3s ease;
}

.expert-card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 10px 20px rgb(245, 237, 16);
}

/* Scan Glow */
.expert-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 30%, rgba(0,234,255,.08), transparent 70%);
  opacity:.6;
  pointer-events:none;
}

/* Image */
.expert-card img{
  width:180px;
  height:180px;
  object-fit:cover;
  border-radius:50%;
  border:2px solid var(--cyan);
  padding:4px;
  margin-bottom:12px;
  box-shadow:0 0 18px rgb(223, 235, 91);
  background:#000;
}

/* Name */
.expert-card h3{
    font-family:'Orbitron','Share Tech Mono',monospace;
  font-size:1.1rem;
  margin:6px 0 4px;
  color:#e9fbff;
  line-height:1.4;
}

/* Title */
.expert-title{
    font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size:1rem;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--cyan);
  margin-bottom:6px;
}

/* Description */
.expert-desc{
    font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size:1rem;
  color:var(--muted);
  line-height:1.5;
}

/* ===== Fancy Cyber Box ===== */
.fancy-box{
  max-width:900px;
  margin:40px auto 0;
  padding:28px 26px;
  border-radius:14px;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,43,43,.08), transparent 40%),
    radial-gradient(circle at 85% 20%, rgba(0,234,255,.08), transparent 40%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.02) 1px, transparent 1px, transparent 3px),
    linear-gradient(180deg, #080000, #02040a);
  box-shadow:0 14px 20px rgb(108, 2, 2);
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* Glow Border */
.fancy-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 35%, rgba(0,234,255,.12), transparent 70%);
  pointer-events:none;
}

/* Fancy Box Text */
.fancy-box h1{
  color:var(--cyan);
  letter-spacing:.6px;
  margin-bottom:4px;
}

.fancy-box h3{
  color:#fff;
  font-weight:500;
  margin-bottom:12px;
}

.fancy-box p{
    font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--muted);
  font-size:1rem;
  line-height:1.6;
}

/* ===== Mobile Responsive ===== */
@media(max-width:768px){
  main h2{
    font-size:1.6rem;
  }

  .expert-card img{
    width:150px;
    height:150px;
  }

  .fancy-box{
    padding:20px 16px;
  }
}