:root {
    --navy-dark: #051628;  
    --navy-light: #0f3460; 
    --gold-primary: #c5a059; 
    --gold-gradient: linear-gradient(135deg, #c5a059 0%, #e6c88b 100%);
    --white: #ffffff;
}
body { font-family: 'Lato', sans-serif; background-color: var(--white); overflow-x: hidden; display: flex; flex-direction: column; min-height: 100vh; margin: 0; }

/* NAVBAR */
.navbar { background-color: var(--navy-dark); padding: 10px 0; }
.navbar-brand img { height: 70px; border-radius: 50%; border: 2px solid var(--gold-primary); }
.nav-link { color: var(--white) !important; margin: 0 10px; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; transition: color 0.3s; }
.nav-link:hover { color: var(--gold-primary) !important; }
.btn-nav-gold { background: transparent; border: 1px solid var(--gold-primary); color: var(--gold-primary); border-radius: 20px; padding: 5px 20px; font-size: 0.9rem; transition: 0.3s; }
.btn-nav-gold:hover { background: var(--gold-primary); color: var(--navy-dark); }

/* BANNER */
.gold-banner {
    background: linear-gradient(90deg, #0a2340 0%, #163a63 50%, #0a2340 100%);
    background-size: 200% 200%; animation: gradientMove 5s ease infinite;
    color: var(--white); text-align: center; padding: 12px 0;
    border-top: 3px solid var(--gold-primary); border-bottom: 3px solid var(--gold-primary);
    font-family: 'Cinzel', serif; letter-spacing: 1px;
}
@keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.pulse-text { animation: pulse 2s infinite; color: #ffda85; font-weight: bold; }
@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }

/* FOOTER */
.footer-wave-container { width: 100%; overflow: hidden; line-height: 0; background-color: #fff; margin-top: auto; }
.footer { background-color: var(--navy-dark); color: var(--white); text-align: center; padding: 30px 0 20px 0; border-top: 4px solid var(--gold-primary); }