/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* BODY */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #ffffff;
    color: #222;
}

/* HERO IMAGE – FULL WIDTH */
.hero {
    width: 100%;
    height: 50vh;
    overflow: hidden;
}

.hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* TITLE UNDER IMAGE */
.hero-title {
    background: #0b3c5d;
    text-align: center;
    color: #ffffff;
    padding: 22px 20px;   /* spacing aligned */
}

.hero-title h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 6px;  /* spacing aligned */
}

.hero-title p {
    font-size: 16px;
    opacity: 0.9;
}

/* MAIN CONTENT */
.container {
    max-width: 1150px;
    margin: auto;
    padding: px 10px;  /* spacing aligned */
}

.content-block {
    background: #ffffff;
    padding: 25px;       /* spacing aligned */
    border-radius: 10px;
    margin-bottom: 30px; /* spacing aligned */
    box-shadow: 0 10px 15px rgba(0,0,0,0.08);
}

.content-block.alt {
    background: #f8f9fb;
}

/* HEADINGS */
h2 {
    color: #0b3c5d;
    margin-bottom: 12px; /* spacing aligned */
    border-left: 6px solid #0b3c5d;
    padding-left: 10px;  /* spacing aligned */
}

/* LISTS */
ul {
    margin-left: 15px;   /* spacing aligned */
}

ul li {
    margin-bottom: 6px;  /* spacing aligned */
}

/* SPONSOR GRID */
.sponsor-grid.top {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;           /* spacing aligned */
    margin-top: 24px;    /* spacing aligned */
}

.sponsor-grid.bottom {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;           /* spacing aligned */
    margin-top: 24px;    /* spacing aligned */
}

/* SPONSOR CARD */
.sponsor-card {
    padding: 0;
    border-radius: 10px;
    background: linear-gradient(#ffffff, #f6f9fc);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    transition: transform 0.3s ease;
    overflow: hidden;
}

.sponsor-card:hover {
    transform: translateY(-6px);
}

.platinum { border-top-color: #2c6bed; }
.gold { border-top-color: #d4af37; }
.silver { border-top-color: #9aa0a6; }
.bronze { border-top-color: #cd7f32; }
.premier { border-top-color: #0b3c5d; }

/* TOP PRICE BAR */
.price-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;   /* spacing aligned */
    color: #ffffff;
}

/* CATEGORY NAME */
.price-bar .category {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* AMOUNT */
.price-bar .price {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 1px;
}

/* BELT COLORS */
.platinum .price-bar {
    background-color: #2c6bed;
}

.gold .price-bar {
    background-color: #d4af37;
}

.silver .price-bar {
    background-color: #6b7280;
}

.bronze .price-bar {
    background-color: #8c6239;
}

.premier .price-bar {
    background-color: #0b3c5d;
}

/* CARD CONTENT */
.sponsor-card ul {
    padding: 22px 26px 26px; /* spacing aligned */
}

.sponsor-card h3 {
    display: none;
}

/* BROCHURE */
.brochure img {
    max-width: 320px;
    width: 100%;
    display: block;
    margin: 18px auto;   /* spacing aligned */
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.center {
    text-align: center;
    font-size: 14px;
    margin-top: 6px;     /* spacing aligned */
}

/* CONTACT FOOTER */
.contact {
    background: #0b3c5d;
    color: #fff;
    text-align: center;
    padding: 18px;       /* spacing aligned */
}

.contact a {
    color: #ffd369;
    text-decoration: none;
    font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .hero {
        height: 28vh;     /* spacing aligned */
    }

    .hero-title h1 {
        font-size: 26px;  /* spacing aligned */
    }
}