*{margin:0;padding:0;box-sizing:border-box;}
    body{font-family:'Poppins',sans-serif;color:#fff;background:#0d0d2b;overflow-x:hidden;}

    /* ===== BACKGROUND SLIDER ===== */
    .slider-bg{
      position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;
    }
    .slider-bg img{
      position:absolute;width:100%;height:100%;object-fit:cover;
      opacity:0;transition:opacity 1.5s ease-in-out;
    }
    .slider-bg img.active{opacity:1;}

    /* === Navbar === */
    nav {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      padding: 18px 25px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: rgba(0,0,0,0.3);
      backdrop-filter: blur(4px);
      z-index: 1000;
    }
     /* === LOGO IMAGE === */
.logo {
  display: flex;
  align-items: center;
  position: relative;
}

.logo img {
  height: 55px;
  width: auto;
  transition: all 0.4s ease;
  filter: drop-shadow(0 0 5px rgba(0,255,255,0.3));
}

/* Hover glow effect */
.logo img:hover {
  filter: drop-shadow(0 0 15px rgba(0,255,255,0.9))
          drop-shadow(0 0 30px rgba(0,255,255,0.6));
  transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .logo img {
    height: 45px;
  }
}
@media (max-width: 480px) {
  .logo img {
    height: 38px;
  }
}


    .menu-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }
    .menu-toggle span {
      background: #fff;
      height: 3px;
      width: 25px;
      margin: 4px 0;
      border-radius: 5px;
    }
    nav ul {
      display: flex;
      list-style: none;
      gap: 35px;
    }
    nav ul li a {
      color: #fff;
      text-decoration: none;
      font-weight: 500;
      position: relative;
    }
    nav ul li a::after {
      content: "";
      position: absolute;
      left: 0; bottom: -4px;
      width: 0%; height: 2px;
      background: #00ffd5;
      transition: 0.3s;
    }
    nav ul li a:hover::after { width: 100%; }

    @media (max-width: 768px) {
      .menu-toggle { display: flex; }
      nav ul {
        position: absolute;
        top: 70px; left: 0;
        width: 100%;
        background: rgba(0,0,0,0.85);
        flex-direction: column;
        align-items: center;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
      }
      nav ul.active { max-height: 250px; }
    }

    /* ===== SECTIONS ===== */
    section{
      min-height:100vh;
      display:flex;align-items:center;justify-content:center;
      padding:100px 80px;
    }
    .content{
      display:flex;align-items:center;justify-content:space-between;
      flex-wrap:wrap;gap:60px;max-width:1200px;width:100%;z-index:1;
    }
    .text{flex:1;min-width:300px;}
    .text h2{font-size:2rem;color:cyan;margin-bottom:15px;}
    .text p {
      line-height: 1.8;color: #eaf8ff;font-size: 1.05rem;margin-bottom: 15px;
      background: rgba(0, 0, 0, 0.45);
      border-left: 3px solid cyan;
      padding: 14px 18px;border-radius: 12px;
      box-shadow: 0 0 15px rgba(0, 255, 255, 0.2);
      transition: all 0.35s ease;backdrop-filter: blur(3px);
    }
    .text p:hover {
      transform: scale(1.03);
      background: rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 25px rgba(0, 255, 255, 0.35);
      color: #ffffff;
    }
    .image{flex:1;min-width:300px;text-align:center;}
    .image img{max-width:100%;border-radius:20px;box-shadow:0 0 20px rgba(0,255,255,0.3);transition:transform 0.5s;}
    .image img:hover{transform:scale(1.05);}
    @media(max-width:768px){
      section{padding:70px 30px;flex-direction:column;}
      .content{flex-direction:column;}
    }

    /* ===== 🎥 VIDEO ===== */
    .video-section { text-align:center;padding:50px 20px; }
    .video-section video {
      width:90%;max-width:800px;border-radius:20px;
      box-shadow:0 0 25px rgba(0,255,255,0.3);
      transition:transform 0.4s ease;
    }
    .video-section video:hover { transform:scale(1.03); }

    /* ===== TEAM ===== */
    .team-title {
      font-size: 3rem;font-weight: 700;margin: 50px 0;text-align:center;
      text-transform: uppercase;color: cyan;
      animation: glowMove 4s ease-in-out infinite;
    }
    @keyframes glowMove {
      0% { text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffa3; }
      50% { text-shadow: 0 0 25px #00f0ff, 0 0 40px #00ffaa; }
      100% { text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffa3; }
    }
    .team-section {
      position: relative;
      display: flex;align-items: center;justify-content: center;
      height: 600px;overflow: hidden;
    }

    /* UPDATED TEAM CONTAINER */
    .team-container {
      position: relative;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      animation: rotateCircle 30s linear infinite;
      transform-origin: center center;
    }
    @keyframes rotateCircle {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    .member {
      position: absolute;width: 100px;height: 100px;border-radius: 50%;
      overflow: hidden;cursor: pointer;transition: 0.4s;
      animation: float 3s ease-in-out infinite alternate;
    }
    @keyframes float { from { transform: translateY(0px); } to { transform: translateY(-10px); } }
    .member:hover { transform: scale(1.15);box-shadow: 0 0 30px cyan; }
    .member img {
      width: 100%;height: 100%;object-fit: cover;border: 3px solid cyan;border-radius: 50%;
    }

    .info-card {
      position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.8);
      background: rgba(0, 255, 255, 0.08);
      border: 2px solid #00ffff;border-radius: 20px;padding: 25px 35px;
      width: 270px;text-align: center;color: #fff;
      backdrop-filter: blur(10px);
      box-shadow: 0 0 30px rgba(0, 255, 255, 0.4);
      opacity: 0;transition: 0.4s ease;
    }
    .info-card.show { opacity: 1;transform: translate(-50%, -50%) scale(1); }
    .info-card h3 { color: #00ffff;margin-bottom: 10px;font-size: 1.3rem; }
    .info-card p { color: #ddd;font-size: 0.95rem; }

    /* TEAM RESPONSIVE */
    @media(max-width:768px){
      .team-section { height: 450px; }
      .team-container { width: 300px; height: 300px; }
      .member { width: 70px; height: 70px; }
      .info-card { width: 220px; padding: 15px; }
      .team-title { font-size: 2.2rem; }
    }
    @media(max-width:480px){
      .team-section { height: 380px; }
      .team-container { width: 240px; height: 240px; }
      .member { width: 60px; height: 60px; }
    }

    /* ==== WHATSAPP FLOAT ==== */
    .whatsapp-float {
      position: fixed;bottom: 25px;right: 25px;
      background: #25D366;width: 60px;height: 60px;border-radius: 50%;
      display: flex;justify-content: center;align-items: center;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);cursor: pointer;
      transition: transform 0.3s;z-index: 200;
    }
    .whatsapp-float:hover { transform: scale(1.1); }
    .whatsapp-float img { width: 35px;height: 35px; }

    /* ==== FOOTER ==== */
    footer {
      background: rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(10px);
      padding: 50px 70px;
      display: flex;flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;color: #fff;
    }
    .footer-left,.footer-middle,.footer-right {
      flex: 1;min-width: 250px;margin: 20px;
    }
    .footer-right { text-align: right;position: relative; }
    .company-name {
      font-size: 28px;font-weight: bold;color: #00ff99;
      animation: floatText 3s ease-in-out infinite alternate;
    }
    @keyframes floatText { 0% { transform: translateY(0px);} 100% { transform: translateY(-10px);} }
    .footer-middle h3,.footer-left h3 { margin-bottom: 10px;color: #00ff99; }
    .footer-middle ul { list-style: none;padding: 0; }
    .footer-middle li { margin: 6px 0; }
    .footer-middle li::before { content: "• ";color: #00ff99; }
    .footer-left p { margin-bottom: 15px;line-height: 1.5; }
    .social-icons a { margin-right: 15px; }
    .social-icons img { width: 25px;height: 25px; }
    #copy { text-align:center;margin-top:50px;color:#aaa;font-size:0.9rem;width:100%; }
    @media(max-width:768px){
      footer{flex-direction:column;align-items:center;text-align:center;padding:30px 20px;}
      .footer-left,.footer-middle,.footer-right{margin:15px 0;text-align:center;}
      .company-name{font-size:22px;}
    }