*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Segoe UI", sans-serif;
}

body{
  background:radial-gradient(circle at top,#f5f8ff,#e6ebf5);
}

/* ================= WRAPPER ================= */
.header{
  padding:30px;
}

/* ================= NAV BAR (DESIGNER BOSS) ================= */
.nav{
  max-width:1200px;
  margin:auto;
  padding:18px 28px;
  border-radius:24px;

  /* BHAYANAK DESIGNER GRADIENT */
  background:
    linear-gradient(
      180deg,
      #050505 0%,
      #050505 30%,
      #050505 60%,
      #050505 100%
    );

  /* REAL GLASS FEEL */
  backdrop-filter: blur(10px) saturate(140%);

  /* DEEP 3D SHADOW */
  box-shadow:
    0 30px 70px rgba(10,20,60,.55),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -10px 20px rgba(0,0,0,.35);

  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;

  position:relative;
  overflow:hidden;

  transform-style:preserve-3d;
  perspective:1200px;

  animation:designerEntry .9s ease-out;
}

/* ===== LIGHT GLASS STREAK (IMAGE KA SOUL) ===== */
.nav::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.8),
    transparent
  );
}

/* ===== MOVING REFLECTION ===== */
.nav::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent 40%,
    rgba(255,255,255,.18),
    transparent 60%
  );
  animation:glassMove 6s linear infinite;
  pointer-events:none;
}

.logo img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}


/* ================= LOGO ================= */
.logo{
  display:flex;
  align-items:center;
  gap:12px;
  color:#ffffff;
  font-size:22px;
  font-weight:600;

  transform:translateZ(40px);
  text-shadow:0 6px 15px rgba(0,0,0,.45);
}

.logo img{
  width:42px;
}

/* ================= MENU ================= */
.menu{
  display:flex;
  justify-content:center;
  gap:30px;
}

.menu a{
  color:#f0f4ff;
  text-decoration:none;
  font-size:15px;
  letter-spacing:.3px;
  opacity:.95;
  position:relative;
}

/* ================= WHATSAPP BUTTON (FACTORY LEVEL) ================= */
.whatsapp{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 26px;
  border-radius:34px;

  background:
    linear-gradient(
      180deg,
      #3dff98,
      #16c969
    );

  color:#ffffff;
  font-weight:600;

  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -6px 12px rgba(0,0,0,.35);

  transform:translateZ(60px);
}

.whatsapp img{
  width:18px;
}

/* ================= ENTRY ================= */
@keyframes designerEntry{
  from{
    opacity:0;
    transform:translateY(-18px) rotateX(6deg);
  }
  to{
    opacity:1;
    transform:translateY(0) rotateX(0);
  }
}

/* ================= GLASS MOVE ================= */
@keyframes glassMove{
  from{transform:translateX(-100%)}
  to{transform:translateX(100%)}
}

/* ================= TABLET (2 ROW – SAME LAYOUT) ================= */
@media(max-width:1024px){
  .nav{
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
  }

  .logo{
    grid-column:1/2;
    grid-row:1/2;
  }

  .whatsapp{
    grid-column:2/3;
    grid-row:1/2;
  }

  .menu{
    grid-column:1/3;
    grid-row:2/3;
  }
}

/* ================= MOBILE ================= */
@media(max-width:768px){
  .menu{
    gap:18px;
  }
}
.menu a{
  cursor:pointer;
  transition:
    transform .2s ease,
    text-shadow .2s ease,
    opacity .2s ease;
}

/* Hover – subtle lift + glow */
.menu a:hover{
  transform:translateY(-2px);
  text-shadow:0 6px 14px rgba(0,0,0,.45);
  opacity:1;
}

/* Click feel */
.menu a:active{
  transform:translateY(0);
  opacity:.85;
}
.whatsapp{
  cursor:pointer;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

/* HOVER – button upar aaye + glow */
.whatsapp:hover{
  transform:translateZ(60px) translateY(-3px);
  box-shadow:
    0 22px 45px rgba(0,0,0,.6),
    0 0 25px rgba(60,255,160,.65),
    inset 0 1px 0 rgba(255,255,255,.7);
  filter:brightness(1.1);
}

/* CLICK / PRESS – real button feel */
.whatsapp:active{
  transform:translateZ(40px) translateY(0);
  box-shadow:
    0 10px 20px rgba(0,0,0,.45),
    inset 0 4px 10px rgba(0,0,0,.4);
  filter:brightness(.95);
}

/* ================= MOBILE FIX ONLY ================= */
@media (max-width: 480px){

  .header{
    padding:16px;
  }

  .nav{
    width:100%;
    padding:14px 16px;
    border-radius:20px;
    gap:14px;
  }

  /* Logo text break allowed */
  .logo{
    font-size:18px;
    line-height:1.1;
  }

  .logo span{
    display:block;
  }

 
  /* Menu smaller & centered */
  .menu{
    gap:14px;
  }

  .menu a{
    font-size:13px;
  }

  /* WhatsApp button shrink + safe */
  .whatsapp{
    padding:8px 14px;
    border-radius:26px;
    font-size:13px;
    box-shadow:
      0 10px 20px rgba(0,0,0,.45),
      inset 0 1px 0 rgba(255,255,255,.4);
  }

  .whatsapp img{
    width:16px;
  }
}

</style>
    <!-- ================= INLINE CSS (AFTER FILES) ================= -->
    <style>
        /* ===============================
   GLOBAL LAYOUT
================================ */
        body {
            margin: 0;
            background: #000;
            font-family: 'Poppins', sans-serif;
        }

        .row {
            display: flex;
            flex-wrap: wrap;
        }

        /* ===============================
   CONTENT LISTING
================================ */
        .content-section .item {
            border: 1px solid #cecece;
            margin-bottom: 15px;
        }

        .content-section .listing {
            flex: 0 0 auto;
            width: 160px;
            min-width: 160px;
            max-height: 155px;
            display: flex;
            align-items: center;
            overflow: hidden;
            cursor: pointer;
        }

        .content-section .listing .card-img-top {
            width: 100%;
            height: auto;
            display: block;
        }

        .content-section .listing-desc {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .listing-desc .card-body {
            padding: 0.44rem 0.44rem 0;
        }

        .listing-desc .listing-title,
        .listing-desc .listing-text {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .listing-desc .listing-title {
            font-size: 22px;
            -webkit-line-clamp: 2;
            margin: 15px 0 10px;
        }

        .listing-desc .listing-text {
            font-size: 16px;
            -webkit-line-clamp: 4;
        }

        /* ===============================
   FLOATING BUTTONS
================================ */
        .call-wa-box {
            position: fixed;
            right: 15px;
            bottom: 15px;
            z-index: 99999;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .call-wa-box a {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .call-btn {
            background: #12c002;
        }

        .wa-btn {
            background: #04cf1f;
        }

        .call-wa-box img {
            width: 35px;
            height: 35px;
        }

        /* ===============================
   CAROUSEL (SEO SAFE)
================================ */
        .neo-carousel {
            width: 100%;
            max-width: 1200px;
            height: 330px;
            margin: 30px auto;
            position: relative;
            overflow: hidden;
            border-radius: 18px;
            background: #000;
        }

        .neo-track {
            display: flex;
            height: 100%;
            transition: transform 0.8s ease-in-out;
        }

        .neo-track img {
            width: 100%;
            height: 100%;
            min-width: 100%;
            object-fit: cover;
            object-position: center;
            filter: brightness(1.12) contrast(1.07);
            will-change: transform;
        }
        
        .blog-page img {
  aspect-ratio: 3 / 3;
  width: 100%;
  height: auto;
}


/* Blog links */
.blog-page a {
  color: #0b1cff;
  font-weight: 500;
}

/* Labels contrast fix */
.label-default {
  background-color: #2b2b2b;
  color: #ffffff;
}

.label-info {
  background-color: #004aad;
  color: #ffffff;
}

.label-warning {
  background-color: #b45309;
  color: #ffffff;
}

/* General link hover */
.blog-page a:hover {
  color: #000000;
  text-decoration: underline;
}

.blog-page a {
  color: #ffffff;        /* pure white */
  font-weight: 500;
}

.blog-page b {
  color: #00b4ff;        /* bright blue for contrast */
}
.blog-page a:hover {
  color: #00ffff;
  text-decoration: underline;
}


/* Fix label text contrast */
.recent-blog .label a {
  color: #ffffff !important;
  font-weight: 600;
}

/* Fix label background contrast */
.label-danger {
  background-color: #b91c1c !important;
}

.label-success {
  background-color: #15803d !important;
}

.label-info {
  background-color: #1d4ed8 !important;
}

.label-warning {
  background-color: #b45309 !important;
}



        /* Safe zoom (no CLS) */
        @media (min-width: 768px) {
            .neo-track img {
                transition: transform 6s ease;
            }
        }

        .cta.tel-btn {
            background-color: #0b6623;
            /* darker green */
            color: #ffffff;
        }

        .cta.tel-btn {
            background-color: #25d366;
            color: #000000;
            font-weight: 600;
        }

        .cta.tel-btn {
            background-color: rgba(0, 128, 0, 0.9);
            color: #fff;
            border: 2px solid #064d1a;
        }

 .cta.wa-btn {
  background-color: #075E54;   /* Dark WhatsApp green */
  color: #FFFFFF;             /* Pure white text */
  font-weight: 600;
  border: 2px solid #128C7E;
}


        /* ===============================
   CAROUSEL TEXT & LOGO
================================ */
        .neo-logo {
            position: absolute;
            top: 5%;
            left: 50%;
            transform: translateX(-50%);
            width: 85px;
            height: 85px;
            border-radius: 50%;
            overflow: hidden;
            border: 3px solid #0ff;
        }

        .neo-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .neo-title {
            position: absolute;
            bottom: 12%;
            width: 100%;
            text-align: center;
            color: #ff0099;
            font-size: 38px;
            font-weight: 800;
        }

        .neo-top-text {
            position: absolute;
            top: 40%;
            width: 100%;
            text-align: center;
            color: #0ff;
            font-size: 24px;
        }

        /* ===============================
   CAROUSEL BUTTONS
================================ */
        .neo-btn {
            position: absolute;
            bottom: 7%;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            background: #25D366;
            box-shadow: 0 0 10px rgba(37, 211, 102, 0.7);
        }

        .neo-btn.call {
            background: #12c002;
        }

        .neo-btn img {
            width: 26px;
            height: 26px;
        }

        .neo-btn.wa {
            right: 20px;
        }

        .neo-btn.call {
            right: 80px;
        }

        .logo-img1 {
            width: 200px;
            height: auto;
        }

        .logo-img2 {
            width: 190px;
            height: auto;
        }
        
        /* Fix link contrast */
a {
  color: #0b2cff;
  font-weight: 500;
}

/* Bootstrap label fixes */
.label-default {
  background-color: #333;
  color: #fff;
}

.label-info {
  background-color: #0056b3;
  color: #ffffff;
}

.label-warning {
  background-color: #b45309;
  color: #ffffff;
}



        /* ===============================
   RESPONSIVE
================================ */
        @media (max-width: 768px) {
            .neo-carousel {
                height: 250px;
            }

            .neo-title {
                font-size: 26px;
            }

            .neo-top-text {
                font-size: 18px;
            }

            .neo-btn {
                bottom: 15%;
            }
        }

        /* ===============================
   LOGO VISIBILITY FIX
   (PREVENT DOUBLE LOGO)
================================ */

        /* Desktop default */
        .logo-img1 {
            display: block;
        }

        .logo-img2 {
            display: none;
        }

        /* Mobile only */
        @media (max-width: 576px) {
            .logo-img1 {
                display: none !important;
            }

            .logo-img2 {
                display: block !important;
            }
        }

        /* ===== Overlay ===== */
        #ageOverlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(8px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000;
            font-family: "Poppins", sans-serif;
        }

        /* ===== Modal ===== */
        .ageModal {
            background: linear-gradient(145deg, #111, #1b1b1b);
            color: #fff;
            width: 92%;
            max-width: 440px;
            padding: 32px;
            border-radius: 18px;
            text-align: center;
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
            animation: scaleIn 0.4s ease;
        }

        /* ===== Logo ===== */
        .site-logo {
            max-width: 90px;
            margin-bottom: 14px;
        }

        /* ===== Brand ===== */
        .brand-name {
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        .brand-sub {
            font-size: 13px;
            color: #ff4d6d;
            margin-bottom: 18px;
        }

        /* ===== Text ===== */
        .warning-text {
            font-size: 14px;
            line-height: 1.6;
            color: #ccc;
            margin-bottom: 14px;
        }

        .warning-text a {
            color: #ff4d6d;
            text-decoration: none;
        }

        .warning-text a:hover {
            text-decoration: underline;
        }

        /* ===== Buttons ===== */
        .btn-group {
            display: flex;
            gap: 12px;
            margin-top: 22px;
        }

        .btn-group button {
            flex: 1;
            padding: 13px;
            font-size: 15px;
            border-radius: 10px;
            border: none;
            cursor: pointer;
            transition: 0.3s ease;
        }

        /* Agree */
        #agreeBtn {
            background: linear-gradient(135deg, #ff4d6d, #ff003c);
            color: #fff;
        }

        #agreeBtn:hover {
            opacity: 0.9;
        }

        /* Exit */
        #exitBtn {
            background: #2a2a2a;
            color: #aaa;
        }

        #exitBtn:hover {
            background: #333;
        }

        /* ===== Animation ===== */
        @keyframes scaleIn {
            from {
                opacity: 0;
                transform: scale(0.9);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }