 <style>
        /* GLOBAL THEME */
        body {
            background-image: url('/static/images/background-light.png');
            background-size: cover;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center;
        }

        /* NAVBAR */
        .navbar {
            background-color: #005F99 !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        }

        .navbar .nav-link, .navbar-brand {
            color: white !important;
            font-weight: 500;
        }

        .navbar .nav-link:hover {
            color: #4DB8FF !important;
        }

        /* HERO BANNER SUPPORT */
        .hero-banner {
    background: url('/static/images/hero.jpg') center/cover no-repeat;
    width: 100%;
    max-width: 900px;
    height: 350px; /* IMPORTANT: gives the hero its size */
    border-radius: 20px;
    margin: 40px auto; /* centers the hero card */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    position: relative;
    overflow: hidden;
}

/* Optional dark overlay for better text contrast */
.hero-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    border-radius: inherit;
}

.hero-banner h1 {
    position: relative; /* ensures text sits above overlay */
    color: white;
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 0 4px 12px rgba(0,0,0,0.6);
    margin: 0;
}



        /* HEADINGS */
        h2, h3, h4 {
            color: #005F99;
            font-weight: 700;
        }

        /* DEAL CARDS */
        .deal-card {
            border-radius: 12px;
            overflow: hidden;
            background: white;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .deal-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 24px rgba(0,0,0,0.18);
        }

        .deal-card img {
            max-height: 200px;
            object-fit: cover;
            width: 100%;
        }

        .deal-card .btn-primary {
            background-color: #005F99;
            border-color: #005F99;
        }

        .deal-card .btn-primary:hover {
            background-color: #004D80;
        }

        /* BUTTONS */
        .btn-primary {
            background-color: #005F99;
            border-color: #005F99;
            border-radius: 8px;
        }

        .btn-primary:hover {
            background-color: #004D80;
        }

        .btn-outline-secondary {
            border-radius: 8px;
        }

        /* FORMS */
        .form-control, .form-select {
            border-radius: 8px;
            border: 1px solid #B3D9FF;
        }

        /* MODALS */
        .modal-content {
            border-radius: 12px;
            border: none;
            box-shadow: 0 8px 20px rgba(0,0,0,0.25);
        }

    .logo-center {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .logo-frame {
        display: inline-block;
        width: 80%;
        max-width: 450px;
        background: white;
        padding: 20px;
        border-radius: 20px;
        border: 6px solid #005F99;
        box-shadow:
            0 0 0 6px white inset,
            0 4px 14px rgba(0,0,0,0.25);
    }

    .logo-frame img {
        width: 100%;
        height: auto;
    }


       /* FOOTER */
        footer {
            background-color: #00334D;
            color: #E6F7FF;
            padding: 40px 0;
            margin-top: 60px;
            font-size: 0.9rem;
        }

        footer strong {
            color: #4DB8FF;
        }
</style>


