:root{--bg1:#0b1022; --bg2:#121735; --brand:#e879f9; --brand2:#8b5cf6; --ok:#22c55e;}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Cairo",ui-sans-serif,system-ui,Arial;color:#fff;background:conic-gradient(at 120% -10%,var(--bg1),var(--bg2),var(--bg1));overflow-x:hidden}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
header.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.navbar ul{list-style:none;display:flex;gap:16px;margin:0;padding:0}
.navbar li a{opacity:.9}.navbar li a:hover{opacity:1;color:#f5d0fe}
.cta{background:var(--brand);border:none;color:#0b1022;padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer}
.hero{padding:64px 0 24px;text-align:center}
h1{font-size:46px;line-height:1.15;margin:0}@media(min-width:900px){h1{font-size:68px}}
.lead{font-size:18px;opacity:.9}
.badge{display:inline-block;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:6px 12px;border-radius:999px;font-size:12px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}
.glass{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(8px) saturate(160%);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.metric{padding:16px 10px;text-align:center}
.metric .big{font-size:26px;font-weight:800}
section{padding:50px 0;position:relative}
.section-title{text-align:center;margin-bottom:10px;font-size:36px;font-weight:800}
.section-sub{opacity:.75;text-align:center;margin:8px auto 24px;max-width:760px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}
.card{padding:18px;border-radius:16px}
.tabs{margin:10px 0 12px}
.tab-btn{background:#1d1f33;border:none;color:#fff;border-radius:10px;padding:10px 14px;margin-inline-end:8px;cursor:pointer}
.tab-btn.active{background:var(--brand);color:#0b1022}
.package{display:none}.package.show{display:block}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
.gallery .ph{height:140px;border-radius:12px;background:linear-gradient(135deg,rgba(232,121,249,.28),rgba(139,92,246,.28))}
.slider{overflow:hidden}.track{display:flex;transition:transform .6s ease}.slide{min-width:100%;padding:8px;box-sizing:border-box}
.stars{color:#f0abfc}
.controls{display:flex;gap:8px;justify-content:center;margin-top:8px}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 12px;border-radius:10px;cursor:pointer}
.whatsapp{position:fixed;left:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.25);z-index:50}
footer{border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:22px 0;margin-top:20px}
.radial{position:absolute;inset:0;pointer-events:none;background:radial-gradient(48% 48% at 50% 0%,rgba(232,121,249,.16),rgba(139,92,246,.10) 40%,rgba(255,255,255,0) 70%)}