:root{
  --bg:#ffffff;
  --ink:#0b1020;
  --muted:#667085;
  --navy:#0f1b3d;
  --blue:#2054f3;
  --purple:#7b61ff;
  --gold:#d4af37;
  --surface:rgba(255,255,255,.76);
  --stroke:rgba(255,255,255,.34);
  --shadow:0 20px 60px rgba(16,24,40,.12);
  --radius:30px;
  --radius-xl:42px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:
    radial-gradient(circle at top left, rgba(32,84,243,.12), transparent 25%),
    radial-gradient(circle at top right, rgba(123,97,255,.12), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7f8fc 100%);
  color:var(--ink);
  overflow-x:hidden;
}
a{text-decoration:none}
.letter-wide{letter-spacing:.12em}
.text-gold{color:var(--gold)}
.btn{border-radius:999px;font-weight:700}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),#ffe28a);
  border:0;color:#1b1730;
  box-shadow:0 14px 30px rgba(212,175,55,.25);
}
.btn-gold:hover{transform:translateY(-1px);filter:saturate(1.08)}
.btn-outline-light:hover{background:#fff;color:#111}
.luxury-nav{
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(7,12,28,.84),rgba(7,12,28,.52));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.luxury-nav .nav-link{
  color:rgba(255,255,255,.82);
  font-weight:600;
  position:relative;
}
.luxury-nav .nav-link::after{
  content:'';
  position:absolute;left:10%;bottom:4px;width:0;height:2px;
  background:linear-gradient(90deg,var(--gold),#fff);
  transition:width .3s ease;
}
.luxury-nav .nav-link:hover,.luxury-nav .nav-link.active{color:#fff}
.luxury-nav .nav-link:hover::after,.luxury-nav .nav-link.active::after{width:80%}
.nav-user{
  color:#fff;
  line-height:1.1;
  padding-right:.5rem;
  text-align:right;
}

.cursor{
  width:18px;height:18px;border-radius:50%;
  border:1px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.18);
  position:fixed;top:0;left:0;pointer-events:none;
  z-index:9999;mix-blend-mode:difference;
  transform:translate(-50%,-50%);
  transition:width .2s ease,height .2s ease,background .2s ease,border-color .2s ease;
}
body.cursor-hover .cursor{width:52px;height:52px;background:rgba(255,255,255,.08)}
@media (max-width: 991.98px){.cursor{display:none}}

.hero-shell{
  position:relative;min-height:100vh;
  display:flex;align-items:center;
  overflow:hidden;
  isolation:isolate;
}
.hero-shell::before{
  content:'';
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.42) 34%,rgba(255,255,255,.08) 70%,rgba(0,0,0,.14) 100%);
  z-index:0;
}
.hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.08);
  filter:saturate(1.04) contrast(1.04);
  transition:opacity 1s ease, transform 12s ease;
  opacity:0;
}
.hero-bg.active{opacity:1;transform:scale(1.02)}
.hero-gradient{
  position:absolute;inset:auto -10% -15% -10%;
  height:42%;
  background:radial-gradient(circle at center, rgba(212,175,55,.22), transparent 55%);
  z-index:1;
}
.hero-content{
  position:relative;z-index:2;
  padding:7rem 0 5rem;
}
.hero-kicker{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem 1rem;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(12px);
  border-radius:999px;
  box-shadow:var(--shadow);
  font-weight:700;
  color:#111;
}
.hero-title{
  font-size:clamp(2.6rem,6vw,6.4rem);
  line-height:.94;
  letter-spacing:-.05em;
  font-weight:900;
  max-width:11ch;
}
.hero-lead{max-width:56ch;color:#334155;font-size:1.05rem}
.search-panel{
  display:flex;gap:.75rem;flex-wrap:wrap;
  padding:1rem;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:var(--shadow);
  backdrop-filter:blur(20px);
  border-radius:24px;
  max-width:820px;
}
.search-panel .form-control{
  border:0;background:transparent;
  min-height:52px;
}
.search-panel .form-control:focus{box-shadow:none}
.search-panel .input-group-text{background:transparent;border:0}
.hero-meta{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;
}
.stat-card{
  background:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.5);
  backdrop-filter:blur(18px);
  border-radius:24px;
  padding:1rem 1.2rem;
  box-shadow:var(--shadow);
}
.stat-card .value{font-size:1.6rem;font-weight:900;letter-spacing:-.04em}
.stat-card .label{color:var(--muted);font-size:.95rem}

.arc-section{
  position:relative;
  margin-top:-3rem;
  padding:5rem 0;
}
.arc-top{
  border-top-left-radius:64px;
  border-top-right-radius:64px;
}
.surface{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.56);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
}
.section-title{
  font-size:clamp(2rem,3vw,3.2rem);
  letter-spacing:-.05em;
  font-weight:900;
}
.section-kicker{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.76rem;
  font-weight:800;
  color:var(--gold);
}
.section-lead{color:var(--muted);max-width:68ch}
.section-title,.hero-title,.full-hero-card h3,.destination-content h4,.country-content h4,.package-content h3{text-wrap:balance}
.hero-lead,.section-lead,p{line-height:1.75}
.table{
  color:#182230;
}
.table thead th{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.74rem;
  color:#667085;
  border-bottom:1px solid rgba(148,163,184,.2);
}
.table > :not(caption) > * > *{
  padding:1rem .85rem;
  border-bottom-color:rgba(226,232,240,.8);
}
.form-control,.form-select{
  border-radius:16px;
  border:1px solid #d6ddeb;
  padding:.85rem 1rem;
}
.form-control:focus,.form-select:focus{
  border-color:rgba(32,84,243,.28);
}

.pill-filter{
  display:inline-flex;gap:.5rem;flex-wrap:wrap;
  padding:.4rem;
  background:rgba(255,255,255,.7);
  border-radius:999px;
  border:1px solid rgba(226,232,240,.8);
}
.pill-filter button{
  border:0;background:transparent;
  padding:.6rem 1rem;border-radius:999px;
  font-weight:700;color:#344054;
  transition:all .25s ease;
}
.pill-filter button.active,
.pill-filter button:hover{
  background:linear-gradient(135deg, rgba(32,84,243,.12), rgba(123,97,255,.12));
  color:#0f1b3d;
  box-shadow:inset 0 0 0 1px rgba(32,84,243,.14);
}

.full-hero-card,
.package-card,
.country-card,
.destination-card,
.testimonial-card{
  border:1px solid rgba(255,255,255,.55);
  border-radius:32px;
  overflow:hidden;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  box-shadow:var(--shadow);
}
.full-hero-card{
  min-height:540px;
  position:relative;
  isolation:isolate;
}
.full-hero-card .card-image{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.02);
  transition:transform 1s ease;
}
.full-hero-card:hover .card-image,
.package-card:hover .package-image,
.destination-card:hover .destination-image,
.country-card:hover .country-image{
  transform:scale(1.08);
}
.full-hero-card::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(8,12,25,.78) 0%, rgba(8,12,25,.35) 42%, rgba(8,12,25,.1) 100%);
  z-index:1;
}
.full-hero-card .content{
  position:relative;z-index:2;
  color:#fff;
  padding:2rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:540px;
}
.full-hero-card .eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  width:max-content;
  padding:.45rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(12px);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.full-hero-card h3{
  font-size:clamp(2rem,3vw,3.6rem);
  font-weight:900;line-height:.96;letter-spacing:-.05em;
  max-width:12ch;
}
.full-hero-card p{max-width:54ch;color:rgba(255,255,255,.86)}
.full-hero-card .meta{
  display:flex;gap:1rem;flex-wrap:wrap;
  color:rgba(255,255,255,.92);font-weight:700;
}

.package-card{
  display:grid;
  grid-template-columns: 1.15fr 1fr;
  min-height:420px;
}
.package-image,
.destination-image,
.country-image{
  background-size:cover;background-position:center;
  transition:transform 1s ease;
}
.package-media{
  min-height:420px;
}
.package-content{
  padding:1.8rem;
  display:flex;flex-direction:column;gap:1rem;
  justify-content:center;
}
.price-chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .85rem;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(212,175,55,.14), rgba(123,97,255,.12));
  width:max-content;
  font-weight:800;
}
.rating{
  display:inline-flex;align-items:center;gap:.35rem;
  color:#0f1b3d;font-weight:800;
}

.badge-soft{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.4rem .8rem;
  border-radius:999px;
  background:rgba(32,84,243,.08);
  color:#2446d8;font-weight:800;
}
.feature-list{
  display:flex;flex-wrap:wrap;gap:.5rem;
}
.feature-list span{
  padding:.45rem .75rem;border-radius:999px;
  background:#f4f7ff;color:#334155;
  font-weight:700;font-size:.9rem;
}

.destination-card,
.country-card{
  min-height:420px;
  position:relative;
}
.destination-image,
.country-image{
  position:absolute;inset:0;
}
.destination-card::after,
.country-card::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 0%, rgba(9,14,28,.45) 55%, rgba(9,14,28,.86) 100%);
}
.destination-content,
.country-content{
  position:relative;z-index:2;
  color:#fff;
  height:100%;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.4rem;
}
.destination-content h4,
.country-content h4{
  font-weight:900;letter-spacing:-.04em;
}
.destination-content p,
.country-content p{color:rgba(255,255,255,.84)}

.scroll-rail{
  display:flex;gap:1rem;
  overflow-x:auto;padding-bottom:.5rem;
  scrollbar-width:none;
}
.scroll-rail::-webkit-scrollbar{display:none}
.scroll-card{
  min-width:320px;
  max-width:320px;
}

.testimonial-card{
  padding:1.5rem;
  height:100%;
}
.avatar{
  width:64px;height:64px;border-radius:50%;
  object-fit:cover;border:3px solid rgba(255,255,255,.8);
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}
.quote{
  font-size:1.05rem;
  color:#1f2937;
}
.quotes-mark{
  font-size:4rem;line-height:1;color:rgba(32,84,243,.14)
}

.footer-links li{margin-bottom:.6rem}
.footer-links a{color:rgba(255,255,255,.72)}
.footer-links a:hover{color:#fff}
.site-footer{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.15), transparent 24%),
    linear-gradient(180deg,#08101f,#0a1227 80%);
  color:#fff;
  border-top-left-radius:40px;
  border-top-right-radius:40px;
}

.form-shell{
  border-radius:34px;
  overflow:hidden;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:var(--shadow);
}
.form-shell .form-control,
.form-shell .form-select{
  min-height:52px;border-radius:16px;
}
.form-shell .form-control:focus,
.form-shell .form-select:focus{
  box-shadow:0 0 0 .2rem rgba(32,84,243,.12);
  border-color:rgba(32,84,243,.25);
}

.login-wrap{
  min-height:calc(100vh - 96px);
  display:grid;place-items:center;
  padding:3rem 0;
}
.login-panel{
  width:min(100%, 1000px);
  display:grid;
  grid-template-columns: 1fr 1fr;
  overflow:hidden;
  border-radius:36px;
  box-shadow:var(--shadow);
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.6);
}
.login-visual{
  min-height:540px;
  background-size:cover;background-position:center;
  position:relative;
}
.login-visual::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(10,15,25,.08), rgba(10,15,25,.66));
}
.login-body{padding:2rem}
.tab-toggle{
  display:flex;
  background:#f4f7fb;border-radius:999px;padding:.25rem;
}
.tab-toggle button{
  flex:1;border:0;background:transparent;padding:.7rem 1rem;border-radius:999px;
  font-weight:800;color:#475467;
}
.tab-toggle button.active{
  background:#fff;box-shadow:0 8px 20px rgba(16,24,40,.08);
  color:#0f1b3d;
}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.show{opacity:1;transform:none}
.parallax-layer{will-change:transform}

@media (max-width: 991.98px){
  .hero-shell::before{background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.54) 42%,rgba(255,255,255,.18) 100%)}
  .hero-content{padding:5.5rem 0 4rem}
  .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .package-card{grid-template-columns:1fr}
  .login-panel{grid-template-columns:1fr}
}

@media (max-width: 575.98px){
  .section-title{font-size:2rem}
  .hero-title{max-width:100%}
  .search-panel{padding:.8rem}
  .search-panel .btn{width:100%}
  .hero-meta{grid-template-columns:1fr}
  .full-hero-card,.full-hero-card .content{min-height:480px}
  .package-media,.destination-card,.country-card{min-height:340px}
}


/* Booking/admin panel fixes */
body, .surface, .full-hero-card, .package-card, .country-card, .destination-card, .testimonial-card, .form-shell, .detail-card, .action-strip, .summary-strip {
  min-width: 0;
}

p, h1, h2, h3, h4, h5, h6, label, .form-label, .badge, .btn, .nav-link, .nav-user, td, th, .small, .text-muted {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.form-shell{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.58);
  border-radius:36px;
  padding:1.5rem;
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}

.booking-summary{
  background:linear-gradient(135deg, rgba(15,27,61,.96), rgba(32,84,243,.85));
  color:#fff;
  border-radius:32px;
  padding:1.5rem;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.booking-summary::after{
  content:'';
  position:absolute;
  inset:auto -12% -28% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.22), transparent 70%);
}

.booking-summary .summary-chip,
.summary-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.5rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:.86rem;
  font-weight:700;
}

.booking-summary .summary-title{
  font-size:clamp(1.6rem,2.6vw,2.6rem);
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1.02;
  margin:0;
}

.field-hint{
  font-size:.86rem;
  color:var(--muted);
  margin-top:.35rem;
}

.field-card{
  background:rgba(248,250,252,.9);
  border:1px solid rgba(226,232,240,.9);
  border-radius:24px;
  padding:1rem;
  height:100%;
}

.field-card .form-label{
  font-weight:700;
  color:#344054;
  margin-bottom:.45rem;
}

.action-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}

.action-strip form{margin:0;}
.action-strip .btn{white-space:nowrap;padding-left:1rem;padding-right:1rem;}

.detail-list{display:grid;gap:.65rem;}
.detail-row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.7rem .85rem;
  border-radius:18px;
  background:rgba(248,250,252,.92);
  border:1px solid rgba(226,232,240,.8);
}
.detail-row span:last-child{ text-align:right; font-weight:600; color:#182230; }

@media (max-width: 991.98px){
  .form-shell, .booking-summary{padding:1.25rem;}
  .hero-content{padding:5.5rem 0 4rem;}
}


/* ===== White + arc refresh for premium conversion ===== */
:root{
  --cream:#f6f8fc;
  --panel:#ffffff;
  --panel-soft:rgba(255,255,255,.9);
  --deep:#08111f;
  --deep-2:#13254a;
}

body{
  background:
    radial-gradient(circle at top left, rgba(32,84,243,.08), transparent 28%),
    radial-gradient(circle at 82% 6%, rgba(212,175,55,.08), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fc 48%, #eef3fb 100%);
}

.hero-shell{
  background: linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%);
}

.hero-shell::before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.78) 28%, rgba(255,255,255,.34) 58%, rgba(4,10,22,.26) 100%),
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.8), transparent 30%);
}

.hero-shell::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 14%, rgba(255,255,255,.38), transparent 14%),
    radial-gradient(circle at 78% 24%, rgba(212,175,55,.18), transparent 16%);
  pointer-events:none;
  z-index:1;
  animation: slowGlow 12s ease-in-out infinite alternate;
}

.hero-title{
  color:#0b1020;
  text-shadow:0 18px 50px rgba(255,255,255,.35);
}

.hero-lead{
  color:#263244;
  max-width:60ch;
}

.search-panel{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.82);
  border-radius:30px;
  box-shadow:0 24px 60px rgba(15,23,42,.12);
  animation: floatY 8s ease-in-out infinite;
}

.search-panel .form-control{
  color:#0b1020;
}

.hero-promise{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

.hero-promise span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.65rem .95rem;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(226,232,240,.95);
  color:#24324a;
  font-weight:700;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}

.hero-meta{
  gap:1rem;
}

.stat-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(226,232,240,.92);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.stat-card:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 50px rgba(15,23,42,.12);
  border-color:rgba(32,84,243,.14);
}

.arc-section{
  background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.arc-top{
  position:relative;
  overflow:hidden;
}

.arc-top::before{
  content:'';
  position:absolute;
  inset:-1px 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.42), transparent);
}

.surface,
.form-shell,
.login-panel{
  background:rgba(255,255,255,.9);
  border-color:rgba(226,232,240,.95);
}

.full-hero-card,
.package-card,
.country-card,
.destination-card,
.testimonial-card{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  background:rgba(255,255,255,.9);
}

.full-hero-card:hover,
.package-card:hover,
.country-card:hover,
.destination-card:hover,
.testimonial-card:hover{
  transform:translateY(-8px);
  border-color:rgba(212,175,55,.22);
  box-shadow:0 28px 70px rgba(15,23,42,.14);
}

.full-hero-card::after{
  background:linear-gradient(90deg, rgba(4,8,20,.84) 0%, rgba(4,8,20,.4) 42%, rgba(4,8,20,.08) 100%);
}

.booking-summary{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.2), transparent 28%),
    linear-gradient(140deg, rgba(7,14,27,.98), rgba(18,53,119,.9) 55%, rgba(212,175,55,.18) 100%);
  border:1px solid rgba(255,255,255,.08);
}

.pill-filter{
  background:rgba(255,255,255,.84);
}

.pill-filter button.active,
.pill-filter button:hover{
  background:linear-gradient(135deg, rgba(32,84,243,.12), rgba(212,175,55,.12));
  box-shadow:inset 0 0 0 1px rgba(32,84,243,.16);
}

.badge-soft{
  background:rgba(32,84,243,.08);
  color:#1833a7;
}

.feature-list span{
  background:#f7f9ff;
  border:1px solid #e7ecff;
}

.reveal{
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity .85s ease, transform .85s ease;
}

.reveal.show{
  opacity:1;
  transform:translateY(0) scale(1);
}

@keyframes floatY{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-4px);}
}

@keyframes slowGlow{
  0%{opacity:.72; transform:translateY(0);}
  100%{opacity:1; transform:translateY(6px);}
}

@keyframes heroZoom{
  0%{transform:scale(1.08);}
  100%{transform:scale(1.02);}
}

.hero-bg.active{
  animation:heroZoom 12s ease forwards;
}


/* --- Homepage refresh: full-bleed luxury layout --- */
.home-page{
  background:
    radial-gradient(circle at top left, rgba(32,84,243,.06), transparent 28%),
    radial-gradient(circle at top right, rgba(212,175,55,.09), transparent 24%),
    #f7f9ff;
}

.home-page .home-hero{
  padding: 18px 0 40px;
}

.home-page .home-hero__shell{
  position: relative;
  min-height: min(92vh, 980px);
  border-radius: 40px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 34px 90px rgba(14, 27, 63, .18);
  isolation: isolate;
}

.home-page .home-hero__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7,15,32,.48) 0%, rgba(7,15,32,.16) 44%, rgba(7,15,32,.28) 100%),
    linear-gradient(180deg, rgba(7,15,32,.05) 0%, rgba(7,15,32,.18) 68%, rgba(7,15,32,.36) 100%);
}

.home-page .home-hero__content{
  position: absolute;
  left: clamp(20px, 4vw, 54px);
  right: clamp(20px, 4vw, 54px);
  bottom: clamp(20px, 4vw, 54px);
  z-index: 2;
  max-width: 1180px;
}

.home-page .home-hero__badge{
  position: absolute;
  top: 26px;
  right: 26px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .85rem 1.15rem;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(18px);
  color: #1940a6;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(17,27,57,.14);
}

.home-page .home-search{
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(180px, 1fr) minmax(160px, .95fr) 72px;
  gap: 0;
  align-items: stretch;
  background: rgba(255,255,255,.94);
  border-radius: 999px;
  padding: 10px;
  box-shadow: 0 20px 54px rgba(14, 27, 63, .22);
  backdrop-filter: blur(18px);
}

.home-page .home-search__field{
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: 0 1.2rem;
  border-right: 1px solid rgba(26, 46, 95, .08);
  color: #6d7a97;
  font-size: .98rem;
  overflow: hidden;
}

.home-page .home-search__field:last-of-type{
  border-right: 0;
}

.home-page .home-search__field i{
  font-size: 1.05rem;
  color: #1f4dcf;
  flex: 0 0 auto;
}

.home-page .home-search__field--input{
  position: relative;
}

.home-page .home-search__field--input input{
  width: 100%;
  border: 0;
  background: transparent;
  font-size: 1.05rem;
  color: #0f1f46;
  outline: none;
  box-shadow: none !important;
}

.home-page .home-search__field--meta strong{
  color: #0f1f46;
}

.home-page .home-search__submit{
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #1f4dcf, #0f2e91);
  color: #fff;
  box-shadow: 0 16px 34px rgba(31,77,207,.34);
  display: grid;
  place-items: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

.home-page .home-search__submit:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(31,77,207,.42);
}

.home-page .home-stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 980px;
}

.home-page .home-stat-card{
  padding: 1.05rem 1.15rem;
  border-radius: 24px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.62);
  box-shadow: 0 14px 36px rgba(15, 26, 56, .10);
}

.home-page .home-stat-value{
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  color: #0d1f49;
  margin-bottom: .25rem;
}

.home-page .home-stat-label{
  color: #5f6d8b;
  font-size: .95rem;
}

.home-page .home-hero__micro{
  display: flex;
  gap: .9rem;
  flex-wrap: wrap;
}

.home-page .home-hero__micro > div{
  padding: .75rem 1rem;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
  color: #1b356f;
  border: 1px solid rgba(255,255,255,.54);
  font-weight: 600;
}

.home-page .home-section{
  padding: 24px 0 10px;
}

.home-page .home-section__title{
  font-size: clamp(2rem, 3vw, 3.35rem);
  line-height: 1.02;
  margin: 0;
  color: #0d1f49;
  letter-spacing: -0.04em;
}

.home-page .home-link{
  color: #1f4dcf;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}

.home-page .home-link:hover{
  color: #173ca0;
}

.home-page .destination-showcase{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.home-page .destination-feature{
  position: relative;
  min-height: 320px;
  border-radius: 28px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 18px 44px rgba(15, 26, 56, .12);
  transform: translateZ(0);
}

.home-page .destination-feature:nth-child(1){ grid-column: span 2; }
.home-page .destination-feature:nth-child(2){ grid-column: span 2; }
.home-page .destination-feature:nth-child(3){ grid-column: span 2; }
.home-page .destination-feature:nth-child(4){ grid-column: span 2; }
.home-page .destination-feature:nth-child(5){ grid-column: span 2; }

.home-page .deal-feature{
  grid-column: span 2;
  border-radius: 28px;
  padding: 1.35rem;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 22%),
    linear-gradient(145deg, #1b4ed0, #143fa4 55%, #0b2a7a);
  color: #fff;
  box-shadow: 0 18px 44px rgba(15, 26, 56, .12);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.home-page .destination-feature__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8,15,34,.03) 0%, rgba(8,15,34,.15) 55%, rgba(8,15,34,.78) 100%);
}

.home-page .destination-feature__content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 2;
  color: #fff;
}

.home-page .destination-feature__tag{
  display: inline-flex;
  align-items: center;
  padding: .36rem .75rem;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .01em;
  margin-bottom: .6rem;
}

.home-page .destination-feature h3{
  font-size: 1.6rem;
  margin: 0;
  letter-spacing: -0.03em;
}

.home-page .destination-feature p{
  margin: .25rem 0 0;
  opacity: .9;
  font-weight: 500;
}

.home-page .deal-feature__badge{
  display: inline-flex;
  align-self: flex-start;
  padding: .4rem .78rem;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  font-weight: 700;
  font-size: .86rem;
}

.home-page .deal-feature__timer{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}

.home-page .deal-feature__timer > div{
  border-radius: 18px;
  padding: .85rem .5rem;
  text-align: center;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.13);
}

.home-page .deal-feature__timer strong{
  display: block;
  font-size: 1.45rem;
  line-height: 1;
}

.home-page .deal-feature__timer span{
  display: block;
  margin-top: .22rem;
  font-size: .84rem;
  opacity: .92;
}

.home-page .deal-feature h3{
  margin: 0;
  font-size: 2rem;
  letter-spacing: -0.03em;
}

.home-page .deal-feature p{
  margin: 0;
  color: rgba(255,255,255,.84);
  line-height: 1.65;
}

.home-page .home-section--featured{
  padding-top: 34px;
}

.home-page .featured-journey{
  position: relative;
  min-height: 520px;
  border-radius: 34px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 22px 58px rgba(15, 26, 56, .12);
}

.home-page .featured-journey__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,15,34,.84) 0%, rgba(8,15,34,.54) 42%, rgba(8,15,34,.08) 100%),
    linear-gradient(180deg, rgba(8,15,34,.12) 0%, rgba(8,15,34,.2) 100%);
}

.home-page .featured-journey__body{
  position: absolute;
  left: 38px;
  top: 38px;
  bottom: 38px;
  max-width: 550px;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-page .featured-journey__label{
  display: inline-flex;
  align-self: flex-start;
  padding: .46rem .85rem;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.16);
  font-weight: 700;
  margin-bottom: 1rem;
}

.home-page .featured-journey h2{
  font-size: clamp(2.3rem, 4vw, 4.8rem);
  line-height: .96;
  letter-spacing: -0.05em;
  margin: 0;
}

.home-page .featured-journey p{
  max-width: 470px;
  margin: 1rem 0 0;
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}

.home-page .featured-journey__meta{
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1.4rem;
}

.home-page .featured-journey__meta span{
  padding: .62rem .88rem;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.12);
  font-size: .94rem;
}

.home-page .featured-journey__price-row{
  margin-top: 1.6rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-page .featured-journey__from{
  color: rgba(255,255,255,.72);
  font-size: .92rem;
}

.home-page .featured-journey__price{
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 800;
}

.home-page .featured-journey__price small{
  font-size: .9rem;
  font-weight: 600;
  color: rgba(255,255,255,.74);
}

.home-page .featured-journey__rating{
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 2;
  width: 200px;
  padding: 1rem 1rem .95rem;
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  color: #0d1f49;
  box-shadow: 0 20px 40px rgba(15, 26, 56, .16);
}

.home-page .featured-journey__avatars{
  display: flex;
  margin-bottom: .55rem;
}

.home-page .featured-journey__avatars img{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  margin-left: -10px;
}

.home-page .featured-journey__avatars img:first-child{
  margin-left: 0;
}

.home-page .featured-journey__stars{
  color: #f4b400;
  font-size: .9rem;
  margin-bottom: .45rem;
}

.home-page .featured-journey__score{
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
}

.home-page .featured-journey__sub{
  margin-top: .1rem;
  color: #5f6d8b;
  font-size: .92rem;
}

.home-page .featured-journey__play{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 86px;
  height: 86px;
  border-radius: 50%;
  border: 0;
  background: rgba(255,255,255,.86);
  color: #15307a;
  font-size: 2rem;
  box-shadow: 0 16px 38px rgba(15, 26, 56, .22);
}

.home-page .experience-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.home-page .experience-card{
  overflow: hidden;
  border-radius: 28px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 44px rgba(15, 26, 56, .12);
}

.home-page .experience-card__image{
  min-height: 220px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.home-page .experience-card__badge{
  position: absolute;
  top: 16px;
  left: 16px;
  padding: .4rem .8rem;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #15307a;
  font-weight: 700;
  font-size: .83rem;
}

.home-page .experience-card__content{
  padding: 1rem 1rem 1.15rem;
}

.home-page .experience-card__title-row{
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: .75rem;
}

.home-page .experience-card__title-row h3{
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.25;
  color: #0d1f49;
  letter-spacing: -0.02em;
}

.home-page .experience-card__rating{
  color: #f4b400;
  font-weight: 700;
  white-space: nowrap;
  font-size: .9rem;
}

.home-page .experience-card__meta{
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  margin-top: .55rem;
  color: #5f6d8b;
  font-size: .92rem;
}

.home-page .experience-card__price{
  margin-top: .7rem;
  color: #0d1f49;
  font-weight: 700;
}

.home-page .home-section--cta{
  padding: 34px 0 30px;
}

.home-page .newsletter-banner{
  border-radius: 34px;
  padding: 1.5rem 1.5rem;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.15), transparent 22%),
    linear-gradient(135deg, #1243c7, #0e2f90 58%, #0b2470);
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  box-shadow: 0 22px 60px rgba(15, 26, 56, .18);
}

.home-page .newsletter-banner h2{
  margin: 0;
  font-size: clamp(1.6rem, 2.6vw, 2.35rem);
  letter-spacing: -0.04em;
}

.home-page .newsletter-banner p{
  margin: .4rem 0 0;
  color: rgba(255,255,255,.84);
}

.home-page .newsletter-banner__form{
  display: flex;
  align-items: center;
  gap: .8rem;
  flex: 0 1 560px;
}

.home-page .newsletter-banner__form .form-control{
  min-height: 54px;
  border-radius: 999px;
  border: 0;
  padding-inline: 1.15rem;
  box-shadow: none;
}

.home-page .section-kicker{
  color: #1f4dcf;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .78rem;
  font-weight: 800;
  margin-bottom: .6rem;
}

.home-page .reveal{
  opacity: 0;
  transform: translateY(20px) scale(.992);
  transition: opacity .8s ease, transform .8s ease;
}

.home-page .reveal.show{
  opacity: 1;
  transform: translateY(0) scale(1);
}

.home-page .destination-feature,
.home-page .experience-card,
.home-page .featured-journey,
.home-page .deal-feature,
.home-page .newsletter-banner{
  transition: transform .35s ease, box-shadow .35s ease;
}

.home-page .destination-feature:hover,
.home-page .experience-card:hover,
.home-page .featured-journey:hover,
.home-page .deal-feature:hover,
.home-page .newsletter-banner:hover{
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(15, 26, 56, .16);
}

@media (max-width: 1199.98px){
  .home-page .destination-showcase{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-page .destination-feature,
  .home-page .deal-feature{
    grid-column: span 1 !important;
    min-height: 290px;
  }
  .home-page .experience-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-page .newsletter-banner{
    flex-direction: column;
    align-items: stretch;
  }
  .home-page .newsletter-banner__form{
    flex: 1 1 auto;
  }
}

@media (max-width: 991.98px){
  .home-page .home-hero__shell{
    min-height: 820px;
  }
  .home-page .home-search{
    grid-template-columns: 1fr 1fr;
    border-radius: 28px;
    padding: 12px;
  }
  .home-page .home-search__field{
    min-height: 58px;
  }
  .home-page .home-search__field--input{
    grid-column: span 2;
    border-right: 0;
    border-bottom: 1px solid rgba(26,46,95,.08);
  }
  .home-page .home-search__field--meta:nth-of-type(2){
    border-right: 1px solid rgba(26,46,95,.08);
  }
  .home-page .home-search__submit{
    grid-column: span 2;
    width: 100%;
    border-radius: 22px;
    min-height: 58px;
  }
  .home-page .home-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-page .featured-journey__body{
    right: 24px;
    max-width: none;
  }
}

@media (max-width: 767.98px){
  .home-page .home-hero__shell{
    min-height: 700px;
    border-radius: 30px;
  }
  .home-page .home-hero__badge{
    top: 18px;
    right: 18px;
    font-size: .92rem;
  }
  .home-page .home-hero__content{
    left: 16px;
    right: 16px;
    bottom: 16px;
  }
  .home-page .home-stats{
    grid-template-columns: 1fr 1fr;
  }
  .home-page .home-section__title{
    font-size: 1.8rem;
  }
  .home-page .destination-showcase{
    grid-template-columns: 1fr;
  }
  .home-page .experience-grid{
    grid-template-columns: 1fr;
  }
  .home-page .featured-journey{
    min-height: 700px;
  }
  .home-page .featured-journey__body{
    left: 18px;
    right: 18px;
    top: 18px;
    bottom: 18px;
  }
  .home-page .featured-journey__rating{
    top: auto;
    bottom: 18px;
    right: 18px;
    width: 180px;
  }
  .home-page .featured-journey__play{
    top: 56%;
  }
  .home-page .newsletter-banner__form{
    flex-direction: column;
    align-items: stretch;
  }
}