:root {
    --primary-blue: #00338D;
    --gold: #D4AF37;
    --white: #ffffff;
}

body { margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #fdfdfd; }

.header { padding: 20px; display: flex; justify-content: center; background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }

/* Logo Animation Logic */
.gold-text {
    fill: var(--gold);
    animation: goldShimmer 3s infinite;
}

.gold-star {
    animation: sparkle 2.5s infinite ease-in-out;
}

.star2 { animation-delay: 1.25s; }

@keyframes goldShimmer {
    0%, 100% { filter: brightness(100%); }
    50% { filter: brightness(150%) drop-shadow(0 0 5px var(--gold)); }
}

@keyframes sparkle {
    0%, 100% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.3); opacity: 1; }
}

/* Modern Hero Layout */
.hero {
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), 
                url('https://images.unsplash.com/photo-1581578731548-c64695cc6958?auto=format&fit=crop&q=80&w=1000');
    background-size: cover;
}

h1 { color: var(--primary-blue); font-size: 3rem; margin-bottom: 10px; }
.cta-button { 
    background: var(--gold); color: white; border: none; padding: 15px 40px; 
    font-size: 1.2rem; border-radius: 50px; cursor: pointer; transition: 0.3s;
}
.cta-button:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4); }