body {
    font-family: "Inter", sans-serif;
}

h1, h2, h3, h4 {
    font-family: "Playfair Display", serif;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

/* Hero background image positioning */
.hero-bg-img {
    object-position: -150px center;
}

@media (min-width: 768px) {
    .hero-bg-img {
        object-position: center center;
    }
}

/* Red Glass CTA Button */
.btn-red-glass {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 40%, #e53e3e 60%, #fc8181 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.btn-red-glass:hover {
    background: linear-gradient(135deg, #fc8181 0%, #e53e3e 40%, #c53030 60%, #e53e3e 100%);
    box-shadow: 0 6px 20px rgba(229, 62, 62, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #fff;
    transform: translateY(-1px);
}

/* Gold Glass CTA Button */
.btn-gold-glass {
    background: linear-gradient(135deg, #d4af37 0%, #c9a84c 30%, #e8c84a 60%, #f5d76e 100%);
    color: #1A2E4A;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.btn-gold-glass:hover {
    background: linear-gradient(135deg, #f5d76e 0%, #e8c84a 30%, #d4af37 60%, #c9a84c 100%);
    box-shadow: 0 6px 20px rgba(201, 168, 76, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #1A2E4A;
    transform: translateY(-1px);
}

/* White Glass CTA Button */
.btn-white-glass {
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 40%, #ffffff 70%, #f8f8f8 100%);
    color: #1A2E4A;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    text-shadow: none;
    transition: all 0.3s ease;
}

.btn-white-glass:hover {
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 40%, #f0f0f0 70%, #ffffff 100%);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    color: #1A2E4A;
    transform: translateY(-1px);
}