:root {
    --navy: #071b34;
    --navy2: #031122;
    --gold: #c9a44c;
    --gold2: #f5cd62;
    --soft: #f7f3ea;
    --muted: #64748b
}

* {
    box-sizing: border-box
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    color: #102033;
    background: #fff
}

h1,
h2,
h3,
h4,
.serif {
    font-family: 'Playfair Display', Georgia, serif
}

.navbar {
    background: rgba(3, 17, 34, .96);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18)
}

.navbar-brand img {
    height: 58px;
    width: auto
}

.nav-link {
    color: #fff!important;
    font-weight: 600;
    font-size: .92rem
}

.nav-link:hover,
.nav-link.active {
    color: var(--gold2)!important
}

.btn-gold {
    background: linear-gradient(135deg, var(--gold2), var(--gold));
    border: 0;
    color: #06162a;
    font-weight: 800;
    border-radius: 4px;
    padding: .85rem 1.2rem
}

.btn-outline-gold {
    border: 1px solid var(--gold);
    color: #fff;
    border-radius: 4px;
    padding: .82rem 1.2rem;
    font-weight: 700
}

.btn-outline-gold:hover {
    background: var(--gold);
    color: #06162a
}

.hero {
    min-height: 760px;
    background: linear-gradient(90deg, rgba(3, 17, 34, .95) 0%, rgba(3, 17, 34, .82) 42%, rgba(3, 17, 34, .2) 72%), url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    padding-top: 90px
}

.hero h1 {
    font-size: clamp(2.4rem, 3vw, 5rem);
    line-height: 1.05
}

.gold {
    color: var(--gold2)
}

.hero-card {
    border-left: 3px solid var(--gold);
    padding-left: 1.2rem
}

.trust-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: #fff
}

.trust-item i,
.gold-icon {
    color: var(--gold2)
}

.section-pad {
    padding: 85px 0
}

.title-line:before,
.title-line:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 1px;
    background: var(--gold);
    vertical-align: middle;
    margin: 0 15px
}

.service-card,
.package-card,
.diff-card,
.blog-card {
    background: #fff;
    border: 1px solid #e9edf3;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(7, 27, 52, .06);
    transition: .25s;
    height: 100%
}

.service-card:hover,
.package-card:hover,
.diff-card:hover,
.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 42px rgba(7, 27, 52, .13)
}

.service-card {
    padding: 32px 22px;
    text-align: center
}

.service-icon {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin: 0 auto 18px;
    background: #fff7df;
    border: 1px solid #efd58a;
    display: grid;
    place-items: center;
    color: var(--gold);
    font-size: 2rem
}

.navy-section {
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: #fff
}

.safety-box {
    background: linear-gradient(90deg, rgba(3, 17, 34, .96), rgba(7, 27, 52, .85)), url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1500&q=80') center/cover;
    border-radius: 18px;
    color: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25)
}

.package-img {
    height: 230px;
    object-fit: cover;
    border-radius: 14px 14px 0 0;
    width: 100%
}

.package-card .price {
    color: var(--gold);
    font-weight: 800
}

.partner-strip img {
    max-height: 42px;
    filter: grayscale(.2);
    opacity: .85
}

.page-hero {
    padding: 160px 0 90px;
    background: linear-gradient(90deg, rgba(3, 17, 34, .94), rgba(3, 17, 34, .65)), url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1800&q=80') center/cover;
    color: #fff
}

.feature-list li {
    margin-bottom: 14px
}

.feature-list i {
    color: var(--gold);
    margin-right: 8px
}

.footer {
    background: #031122;
    color: #d9e2ef;
    padding: 60px 0 20px
}

.footer a {
    color: #d9e2ef;
    text-decoration: none
}

.footer a:hover {
    color: var(--gold2)
}

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 62px;
    height: 62px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 2rem;
    z-index: 999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    text-decoration: none
}

.mobile-cta {
    display: none
}

.form-control,
.form-select {
    padding: .85rem;
    border-radius: 8px
}

.modal-header {
    background: var(--navy);
    color: #fff
}

.breadcrumb a {
    color: var(--gold2)
}

@media(max-width:991px) {
    .navbar-brand img {
        height: 44px
    }
    .hero {
        min-height: auto;
        padding: 130px 0 70px;
        background: linear-gradient(180deg, rgba(3, 17, 34, .95), rgba(3, 17, 34, .82)), url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=80') center/cover
    }
    .title-line:before,
    .title-line:after {
        width: 35px
    }
    .mobile-cta {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000
    }
    .mobile-cta a {
        flex: 1;
        text-align: center;
        padding: 12px 8px;
        text-decoration: none;
        font-weight: 800
    }
    .whatsapp-float {
        bottom: 62px
    }
    .section-pad {
        padding: 58px 0
    }
    body {
        padding-bottom: 50px
    }
}