:root{
  --grad-1: #5A3FFF;
  --grad-2: #C850C0;
  --accent: linear-gradient(90deg, var(--grad-1), var(--grad-2));
  --card-shadow: 0 6px 22px rgba(88, 34, 140, 0.08);
}
body{ font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f7f8fb; color:#233; margin:0;}
.navbar-brand img{ height:44px; }
.hero{ position:relative; min-height:66vh; display:flex; align-items:center; color: white; overflow:hidden; border-radius:.75rem;}
.hero-gradient{ background: linear-gradient(120deg, rgba(90,63,255,0.35), rgba(200,80,192,0.25)); position:absolute; inset:0; pointer-events:none; mix-blend-mode: overlay;}
.hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.45)); }
.hero .container{ position:relative; z-index:2; }
.grad-btn{ background: var(--accent); color: #fff; background-size:200% 200%; border: none; }
.feature-card{ border-radius:.75rem; box-shadow: var(--card-shadow); }
.testimonial{ background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.8)); border-radius:.75rem; box-shadow:var(--card-shadow); padding:1.25rem; }
.news-card img, .pkg-card img{ border-radius:.6rem; height:160px; object-fit:cover; width:100%; }
.dots { gap:.5rem; display:flex; align-items:center; }
footer{ background:linear-gradient(90deg,var(--grad-1),var(--grad-2)); color:white; }
.muted{ color:FFFFFF; }
@media(min-width: 992px){ .hero { min-height:72vh; border-radius:1rem; } }