:root{
  --red:#ed1a3a;
  --navy:#1a155d;

  /* LIGHT THEME TOKENS */
  --bg:#f6f8ff;
  --bg2:#ffffff;
  --card:#ffffff;
  --ink:#0c1024;
  --muted:#5b6280;

  --stroke: rgba(12,16,36,.10);
  --stroke2: rgba(12,16,36,.14);

  --shadow: 0 20px 60px rgba(12,16,36,.12);
  --shadow2: 0 12px 40px rgba(12,16,36,.10);

  --radius: 22px;
}

*{font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial;}
.brand-text{font-family:Space Grotesk, Poppins, sans-serif; letter-spacing:.2px}

body{
  background:
    radial-gradient(900px 500px at 12% 8%, rgba(237,26,58,.10), transparent 60%),
    radial-gradient(800px 480px at 85% 15%, rgba(26,21,93,.10), transparent 60%),
    linear-gradient(180deg, var(--bg) 0%, #f3f6ff 45%, #eef2ff 100%);
  color: var(--ink);
}

/* TOP GLOW */
.top-glow{
  position:fixed; inset:0 0 auto 0; height:4px;
  background: linear-gradient(90deg, transparent, var(--red), var(--navy), transparent);
  filter: blur(.25px);
  z-index: 1200;
}

/* =============== HEADER (PROPER THEME) =============== */
.nav-glass{
  position: sticky;
  top: 0;
  z-index: 1100;

  /* Premium white glass */
  background: rgba(255,255,255,.75);
  border-bottom: 1px solid var(--stroke);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.nav-glass:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120px 80px at 18% 10%, rgba(237,26,58,.14), transparent 70%),
    radial-gradient(140px 90px at 85% 0%, rgba(26,21,93,.16), transparent 72%);
  pointer-events:none;
}
.navbar .nav-link{
  color: rgba(12,16,36,.78) !important;
  font-weight: 600;
  position:relative;
}
.navbar .nav-link:hover{color: var(--navy) !important;}
.navbar .nav-link.active{
  color: var(--navy) !important;
}
.navbar .nav-link.active:after{
  content:"";
  position:absolute; left:.55rem; right:.55rem; bottom:.25rem;
  height:2px;
  background: linear-gradient(90deg, var(--red), var(--navy));
  border-radius: 999px;
}

/* brand */
.brand-mark{display:flex; align-items:center; gap:.6rem; position:relative; z-index:1;}
.brand-dot{
  width:12px; height:12px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #fff, var(--red));
  box-shadow: 0 0 0 7px rgba(237,26,58,.12);
}
.navbar-toggler{
  border: 1px solid var(--stroke2) !important;
  border-radius: 14px !important;
}
.navbar-toggler:focus{box-shadow:none !important;}

/* Buttons */
.btn-kmax{
  border:0;
  color:#fff !important;
  background: linear-gradient(135deg, var(--red), #ff4c66);
  box-shadow: 0 14px 34px rgba(237,26,58,.20);
  border-radius: 14px;
  transition: transform .18s ease, filter .18s ease;
}
.btn-kmax:hover{transform: translateY(-1px); filter:saturate(1.05);}
.btn-outline-kmax{
  border:1px solid rgba(26,21,93,.18);
  color: var(--navy) !important;
  border-radius:14px;
  background: rgba(26,21,93,.04);
  transition: transform .18s ease, background .18s ease;
}
.btn-outline-kmax:hover{background: rgba(26,21,93,.08); transform: translateY(-1px);}

/* Toast */
.big-toast{
  min-width: 320px;
  border-radius: 18px;
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow2);
  background: rgba(255,255,255,.92);
  color: var(--ink);
}
.toast-stack .toast{animation: toastPop .55s ease both;}
@keyframes toastPop{
  from{transform: translateY(-10px) scale(.98); opacity:0;}
  to{transform: translateY(0) scale(1); opacity:1;}
}

/* ================= HERO / BANNER (LIGHT) ================= */
.hero-wrap{
  position:relative;
  border-bottom: 1px solid var(--stroke);
}
.hero-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(120deg, rgba(255,255,255,.78), rgba(255,255,255,.35));
}
.hero-slide{
  min-height: 76vh;
  display:flex; align-items:center;
  background-size: cover; background-position:center;
}
.hero-card{
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
  border-radius: 26px;
  padding: 28px;
}

.kmax-kicker{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.45rem .75rem;
  border-radius: 999px;
  background: rgba(237,26,58,.10);
  border: 1px solid rgba(237,26,58,.18);
  color: rgba(237,26,58,.92);
  font-size:.9rem;
  font-weight: 700;
}

.hero-title{
  font-family: Space Grotesk, Poppins, sans-serif;
  font-size: clamp(2rem, 4.2vw, 3.4rem);
  line-height:1.08;
  margin: 12px 0 8px;
}
.gradient-text{
  background: linear-gradient(90deg, var(--navy), var(--red), #0c1024);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.type-shimmer{position:relative; display:inline-block;}
.type-shimmer:after{
  content:"";
  position:absolute; inset:-2px -6px;
  background: linear-gradient(90deg, transparent, rgba(26,21,93,.18), transparent);
  transform: translateX(-120%);
  animation: shimmer 2.2s ease-in-out infinite;
  pointer-events:none;
  border-radius: 16px;
}
@keyframes shimmer{
  0%{transform: translateX(-120%);}
  60%{transform: translateX(120%);}
  100%{transform: translateX(120%);}
}
.hero-sub{
  color: rgba(12,16,36,.72);
  font-size: 1.05rem;
}

/* Sections */
.section{padding: 70px 0;}
.section-title{
  font-family: Space Grotesk, Poppins, sans-serif;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
}
.section-lead{color: rgba(12,16,36,.62);}

/* Cards */
.glass-card{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.82);
  border-radius: var(--radius);
  box-shadow: var(--shadow2);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  overflow:hidden;
  position:relative;
}
.glass-card:before{
  content:"";
  position:absolute; inset:auto -40% -60% -40%;
  height: 240px;
  background:
    radial-gradient(circle at 30% 30%, rgba(237,26,58,.14), transparent 60%);
  transform: rotate(-8deg);
}
.glass-card:hover{
  transform: translateY(-6px);
  border-color: rgba(12,16,36,.18);
  box-shadow: 0 26px 70px rgba(12,16,36,.16);
}
.card-icon{
  width: 54px; height: 54px; border-radius: 16px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(237,26,58,.14), rgba(26,21,93,.12));
  border: 1px solid var(--stroke);
  font-size: 1.2rem;
  color: var(--navy);
}
.card-badge{
  display:inline-flex;
  padding:.32rem .7rem;
  border-radius:999px;
  border:1px solid var(--stroke);
  background: rgba(26,21,93,.04);
  color: rgba(12,16,36,.70);
  font-size: .85rem;
}

/* Inner banner */
.inner-banner{
  position:relative;
  border-bottom:1px solid var(--stroke);
  background-size: cover;
  background-position:center;
  min-height: 240px;
  display:flex; align-items:flex-end;
}
.inner-banner:before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(120deg, rgba(255,255,255,.85), rgba(255,255,255,.35));
}
.inner-banner .container{position:relative; padding-bottom: 26px;}
.bcrumb{color: rgba(12,16,36,.62);}

/* WhatsApp */
.whatsapp-float{
  position:fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1090;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  text-decoration:none;

  color:#072114;
  background: linear-gradient(135deg, #2dff85, #b8ffdb);
  box-shadow: 0 18px 50px rgba(12,16,36,.18);
  border: 1px solid rgba(12,16,36,.12);
  font-weight: 700;
  transition: transform .18s ease;
}
.whatsapp-float i{font-size: 1.35rem;}
.whatsapp-float:hover{transform: translateY(-2px);}

/* Footer (LIGHT but premium) */
.footer-premium{
  background:
    radial-gradient(700px 240px at 18% 0%, rgba(237,26,58,.12), transparent 60%),
    radial-gradient(700px 240px at 88% 0%, rgba(26,21,93,.12), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
  border-top:1px solid var(--stroke);
}
.footer-title{
  font-family: Space Grotesk, Poppins, sans-serif;
  margin-bottom: 10px;
  font-weight: 700;
  color: var(--navy);
}
.footer-links{list-style:none; padding:0; margin:0;}
.footer-links li{margin: 8px 0;}
.footer-links a{
  color: rgba(12,16,36,.72);
  text-decoration:none;
  font-weight: 600;
}
.footer-links a:hover{color: var(--red);}

.icon-pill{
  width:42px; height:42px; border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(26,21,93,.05);
  border:1px solid var(--stroke);
  color: var(--navy);
  text-decoration:none;
}
.newsletter-box .form-control{
  background: rgba(255,255,255,.92);
  border: 1px solid var(--stroke2);
  color: var(--ink);
  border-radius: 16px 0 0 16px;
}
.newsletter-box .form-control::placeholder{color: rgba(12,16,36,.45);}

/* PDF frame */
.pdf-frame{
  width:100%;
  height: 75vh;
  border-radius: 18px;
  border: 1px solid var(--stroke);
  overflow:hidden;
  background: rgba(255,255,255,.86);
  box-shadow: var(--shadow2);
}

/* Admin status bar */
.admin-statusbar{
  position: sticky;
  bottom: 0;
  z-index: 1060;
  background: rgba(255,255,255,.78);
  border-top: 1px solid var(--stroke);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.text-white{
color:black !important;
}
.text-white-50{
color:black !important;
}
/* Reveal animation */
[data-reveal]{opacity:0; transform: translateY(10px); transition: .6s ease;}
[data-reveal].revealed{opacity:1; transform:none;}

.brand-mark{
  display:flex;
  align-items:center;
  gap:.65rem;
  text-decoration:none;
}

.brand-logo{
  height:42px;
  width:auto;
  transition: transform .25s ease;
}

.brand-mark:hover .brand-logo{
  transform: scale(1.05);
}

.brand-text{
  font-family: Space Grotesk, Poppins, sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--navy);
  white-space: nowrap;
}
.navbar{
  padding: .75rem 0;
}

.navbar-nav .nav-link{
  padding: .5rem .9rem;
  border-radius: 12px;
}

.navbar-nav .nav-link:hover{
  background: rgba(26,21,93,.06);
}

/* IMAGE CARDS */
.kmax-img-card{
  position:relative;
  height: 360px;
  border-radius: 26px;
  overflow:hidden;
  box-shadow: 0 26px 70px rgba(12,16,36,.16);
  transition: transform .35s ease, box-shadow .35s ease;
}

.kmax-img-card img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.kmax-img-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.15) 0%,
      rgba(26,21,93,.45) 55%,
      rgba(12,16,36,.75) 100%
    );
}

.kmax-img-content{
  position:absolute;
  bottom:0;
  padding: 22px;
  color:#fff;
  z-index:2;
}

.kmax-img-content h5{
  font-family: Space Grotesk, Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 6px;
}

.kmax-img-content p{
  font-size:.95rem;
  opacity:.92;
  margin-bottom:0;
}

.kmax-img-badge{
  display:inline-block;
  margin-bottom:8px;
  padding:.35rem .75rem;
  border-radius:999px;
  font-size:.8rem;
  font-weight:600;
  background: rgba(237,26,58,.92);
  color:#fff;
}

/* Hover effects */
.kmax-img-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 34px 90px rgba(12,16,36,.22);
}
.kmax-img-card:hover img{
  transform: scale(1.08);
}
.bg-soft{
  background:
    radial-gradient(600px 220px at 10% 0%, rgba(237,26,58,.08), transparent 60%),
    radial-gradient(600px 220px at 90% 0%, rgba(26,21,93,.08), transparent 60%);
}

.testimonial-card{
  height:100%;
  padding: 28px;
  border-radius: 26px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(12,16,36,.12);
  box-shadow: 0 22px 60px rgba(12,16,36,.14);
  transition: transform .3s ease, box-shadow .3s ease;
}

.testimonial-card.featured{
  border: 2px solid rgba(237,26,58,.35);
}

.testimonial-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 80px rgba(12,16,36,.20);
}

.testimonial-stars{
  color: #ffb703;
  font-size: 1.1rem;
  margin-bottom: 10px;
  letter-spacing: 2px;
}

.testimonial-text{
  color: rgba(12,16,36,.78);
  font-size: .96rem;
  line-height: 1.6;
  margin-bottom: 18px;
}

.testimonial-user{
  display:flex;
  align-items:center;
  gap:12px;
}

.testimonial-user img{
  width:44px;
  height:44px;
  border-radius:50%;
  object-fit: cover;
  border:2px solid rgba(26,21,93,.15);
}

.table th {color:black !important}