body{margin:0;font-family:Inter;background:#0f1724;color:#e6eef8}
.container{max-width:1100px;margin:auto;padding:20px}
header{display:flex;justify-content:space-between;align-items:center}
.logo{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800}

/* 2 PULSE EFFECT */
.logo {
    width: 150px;
    animation: pulse 2s infinite;
}

/*  ANIMATION */
@keyframes pulse {
    0% {
        filter: drop-shadow(0 0 5px cyan);
    }
    50% {
        filter: drop-shadow(0 0 20px cyan);
        transform: scale(1.05);
    }
    100% {
        filter: drop-shadow(0 0 5px cyan);
    }
}

.nav{display:flex;gap:8px}
.nav-btn{padding:8px 12px;background:transparent;border:0;color:#9aa4b2;cursor:pointer}
.nav-btn.active{color:white;background:#1f2937;border-radius:8px}
.dropdown{position:relative}
.submenu{display:none;position:absolute;background:#071427;padding:8px;border-radius:8px}
.dropdown.open .submenu{display:block}
.layout{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:20px}
.card{background:#111827;padding:18px;border-radius:12px}
.page{display:none}
.page.active{display:block}

/* HERO LIGHT-BLUE */
.hero{

  padding:25px;border-radius:16px;color:#0f172a;
  box-shadow:0 8px 24px rgba(14,165,233,0.25);
}

.placeholder{
  background:rgba(255,255,255,0.0);
  backdrop-filter:blur(6px);
  border:2px dashed rgba(255,255,255,0.8);
  height:220px;border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}

.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.testimonial img,.testimonial video{width:100%;border-radius:8px}

.notice-list{display:flex;flex-direction:column;gap:8px}
.notice-item{background:#0b1220;padding:10px;border-left:4px solid #7c3aed;border-radius:10px}

.btn{padding:8px 12px;background:transparent;border:1px solid #374151;color:#9aa4b2;border-radius:8px;cursor:pointer}
.btn.primary{background:linear-gradient(90deg,#7c3aed,#06b6d4);border:0;color:white}

.modal{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center}
.modal.open{display:flex}
.panel{background:#071427;padding:20px;border-radius:12px;width:340px}

.admin-only{display:none!important}
body.admin-mode .admin-only{display:inline-flex!important}

.footer-note{text-align:center;margin-top:20px;color:#9aa4b2}


.footer {
      background: #0f172a;
      color: #fff;
      text-align: center;
      padding: 40px 20px;
      font-size: 0.95rem;
    }

.social-links {
      margin-top: 20px;
}
.social-links a {
      display: inline-block;
      margin: 0 10px;
      color: #fff;
      font-size: 1.2rem;
      text-decoration: none;
      transition: color 0.3s;
}
.social-links a:hover {
      color: #3b82f6;
}

.social-links img {
      width: 24px;
      height: 24px;
      vertical-align: middle;
}

/* ===== MARQUEE ===== */
.marquee-box {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #001f3f, #000);
  color: #00ffcc;
  padding: 10px 0;
  border-top: 2px solid #00ffcc;
  border-bottom: 2px solid #00ffcc;
  box-shadow: 0 0 10px #00ffcc;
}

.marquee-box h2 {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: scrollText 35s linear infinite;
}

.marquee-box:hover h2 {
  animation-play-state: paused;
}
@keyframes scrollText {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

/* Move Elfsight WhatsApp chat to left */
.elfsight-app-7cc3eb03-43f8-4090-a04a-41d56a3ff746 {
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
}

iframe[src*="whatsapp"] {
    left: 20px !important;
    right: auto !important;
}