@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #070D18 !important; color: #E2E8F0 !important; font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important; -webkit-font-smoothing: antialiased; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { font-family: 'Outfit', sans-serif !important; letter-spacing: -0.02em; }

.top-bar { background: #0A192F !important; color: #FFFFFF !important; font-size: 0.85rem !important; padding: 0.6rem 0 !important; border-bottom: 1px solid rgba(243,198,73,0.3) !important; }
.top-bar-content { width: 100%; max-width: 1250px; margin: 0 auto; padding: 0 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; }

.site-header { position: sticky; top: 0; z-index: 9999; background: #070D18 !important; border-bottom: 1px solid rgba(243,198,73,0.2) !important; padding: 1rem 0 !important; backdrop-filter: blur(10px); }
.site-header-content { width: 100%; max-width: 1250px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.nav-menu { display: flex; list-style: none; gap: 1.8rem; align-items: center; margin: 0; padding: 0; }
.nav-menu a { color: #FFFFFF !important; font-weight: 700 !important; text-decoration: none !important; transition: color 0.2s; font-size: 0.9rem; }
.nav-menu a:hover { color: #F3C649 !important; }

.landing-hero { background: linear-gradient(135deg, #0A192F 0%, #0F2B48 100%) !important; border-bottom: 2px solid #F3C649 !important; padding: 4.5rem 0 !important; text-align: center !important; }
.hero-container { width: 100%; max-width: 1250px; margin: 0 auto; padding: 0 1.5rem; }
.badge-gold { display: inline-block; background: rgba(243,198,73,0.15) !important; color: #F3C649 !important; font-size: 0.85rem !important; font-weight: 800 !important; padding: 0.4rem 1.2rem !important; border-radius: 50px !important; margin-bottom: 1rem !important; border: 1px solid rgba(243,198,73,0.3) !important; }
.btn-gold { background: linear-gradient(135deg, #F3C649 0%, #D49B24 100%) !important; color: #070D18 !important; font-weight: 800 !important; padding: 0.85rem 2rem !important; border-radius: 50px !important; text-decoration: none !important; display: inline-block !important; box-shadow: 0 10px 25px rgba(243,198,73,0.3) !important; transition: transform 0.2s; }
.btn-gold:hover { transform: translateY(-2px); }

.content-box { background: #0D2137 !important; border: 1px solid rgba(243,198,73,0.25) !important; border-radius: 20px !important; padding: 2.5rem !important; margin-bottom: 2.5rem !important; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.benefit-card { background: #070D18 !important; padding: 1.5rem !important; border-radius: 14px !important; border-left: 4px solid #F3C649 !important; }

footer { background: #0A192F !important; color: #94A3B8 !important; border-top: 1px solid rgba(243,198,73,0.2) !important; padding: 4rem 0 2rem !important; font-size: 0.9rem !important; }
footer a { color: #F3C649 !important; text-decoration: none !important; }


.floating-whatsapp-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    background: #25D366;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
}
.floating-whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 15px 30px rgba(37, 211, 102, 0.6);
}
.wa-tooltip {
    position: absolute;
    right: 70px;
    background: #111827;
    color: #fff;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    pointer-events: none;
    font-family: system-ui, -apple-system, sans-serif;
}
.floating-whatsapp-btn:hover .wa-tooltip {
    opacity: 1;
    visibility: visible;
}