.page-hero{text-align:center}.hero-bg-parallax{z-index:1;opacity:.5;position:absolute;inset:0}.hero-bg-parallax img{object-fit:cover;width:100%;height:100%;transform:scale(1.1)}.hero-title{margin-bottom:var(--space-6);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:#ffffffd9;max-width:600px;margin:0 auto}.dest-grid{gap:var(--space-10);padding:var(--section-card-padding) 0;grid-template-columns:repeat(2,1fr);display:grid}.dest-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.dest-card:hover{border-color:var(--primary);background:#0071e305;box-shadow:0 20px 50px #00000080}.dest-card__image{height:300px;position:relative;overflow:hidden}.dest-card__image img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(1.1)}.dest-card:hover .dest-card__image img{transform:scale(1.15)}.dest-card__overlay{-webkit-backdrop-filter:blur(25px);padding:var(--space-6) var(--space-8);background:#00000026;border-top:1px solid #ffffff14;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.dest-card__country{color:var(--white);font-family:Montserrat,sans-serif;font-size:var(--text-2xl);font-weight:700}.dest-card__country small{font-size:var(--text-sm);color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-top:var(--space-1);display:block}.dest-card__body{padding:var(--space-8)}.dest-card__sectors{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.sector-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-on-dark-muted);display:flex}.icon-gold{color:var(--primary)}.dest-card__desc{color:var(--text-on-dark-muted);margin-bottom:var(--space-8);line-height:1.8}.dest-card__footer{gap:var(--space-4);display:flex}.btn--gold-glow{background:var(--primary);color:var(--dark-900);border:none;box-shadow:0 0 20px #0071e333}.btn--gold-glow:hover{transform:none;box-shadow:0 0 30px #0071e366}.btn--outline-gold{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn--outline-gold:hover{background:var(--primary);color:var(--dark-900)}.other-dest__grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(5,1fr);display:grid}.flip-card{perspective:1000px;background-color:#0000;height:200px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:var(--radius-xl);width:100%;height:100%;padding:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.flip-card-front{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--white)}.flip-card-back{background:var(--primary);color:var(--dark-900);transform:rotateY(180deg)}.flip-card-front .flag{margin-bottom:var(--space-2);font-size:3rem}.flip-card-back p{font-size:var(--text-xs);font-weight:600;line-height:1.4}.dest-why__grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all .5s}.glass-card:hover{border-color:var(--primary);background:#0071e30d;transform:none}.glass-card h4{color:var(--text-heading);margin:var(--space-4) 0 var(--space-2);font-size:var(--text-lg)}.glass-card p{color:var(--text-body);font-size:var(--text-xs);line-height:1.6}@media (width<=1100px){.hero-content{padding:0 var(--container-padding)}.other-dest__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dest-grid{gap:var(--space-12);grid-template-columns:1fr}.dest-card__image{height:250px}.dest-card__footer{flex-direction:column}.dest-why__grid{gap:var(--space-8);grid-template-columns:1fr}.other-dest__grid{grid-template-columns:repeat(2,1fr)}.flip-card{height:180px}}@media (width<=480px){.other-dest__grid{grid-template-columns:1fr}.hero-title{font-size:clamp(2rem,12vw,3rem)}}.flip-card:active .flip-card-inner{transform:rotateY(180deg)}.dest-card:active{border-color:var(--primary);transform:scale(.98)}
