:root{--gold:#e6c16a;--dark:#0b0b14;--soft:#d6d6ee}
body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:var(--dark);color:#fff;line-height:1.8}
nav{background:rgba(5,5,15,.85);backdrop-filter:blur(6px);padding:16px;text-align:center;position:sticky;top:0;z-index:20}
nav a{color:var(--soft);margin:0 16px;text-decoration:none;font-weight:600}
nav a:hover{color:var(--gold)}
.hero{height:92vh;background:url('../img/hero.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.55)}
.hero-content{position:relative;z-index:2;max-width:900px;padding:20px}
.hero h1{font-size:3.2rem;margin-bottom:20px}
.hero p{font-size:1.3rem;color:#eee}
.container{max-width:1200px;margin:auto;padding:90px 20px}
h2{color:var(--gold);margin-top:70px;font-size:2.2rem}
.section-dark{background:#0f0f1f}
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}
.pack{background:linear-gradient(180deg,#1a1a2e,#0e0e1a);padding:45px;border-radius:22px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.6);border:2px solid rgba(255,215,130,.25)}
.pack h3{font-size:2rem;color:#f7e3a1}
.price{margin:25px 0;font-size:1.4rem}
.price span{font-size:2rem;color:var(--gold);font-weight:bold}
.pack ul{list-style:none;padding:0;margin:30px 0}
.pack ul li{margin-bottom:14px}
.btn{display:inline-block;padding:16px 40px;border-radius:40px;background:linear-gradient(135deg,#f7e3a1,#e6c16a);color:#000;font-weight:bold;text-decoration:none}
.city-grid{columns:3;column-gap:40px}
.city-grid a{display:block;color:#dcdcff;text-decoration:none;margin-bottom:10px}
.city-grid a:hover{color:var(--gold)}
footer{background:#07070f;text-align:center;padding:50px 20px;font-size:.9rem;color:#aaa}
@media(max-width:900px){.city-grid{columns:2}.hero h1{font-size:2.4rem}}
@media(max-width:600px){.city-grid{columns:1}.hero{height:85vh}}


/* LOGO REMOVED */
.logo {
  height: 48px;
  vertical-align: middle;
}
.nav-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}