html {
    scroll-behavior: smooth;
}

.font-ar {
    font-family: 'Tajawal', sans-serif;
}

.font-en {
    font-family: 'Inter', sans-serif;
}

/* Hero Background */
.hero-gradient {
    background:
        linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.7)),
        url('https://images.unsplash.com/photo-1556228453-efd6c1ff04f6?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}

/* Hero Text */
.hero-badge {
    margin-bottom: 1.5rem;
    display: inline-block;
    background: #38BDF8;
    color: #0f172a;
    padding: 0.5rem 1.5rem;
    font-weight: 800;
    border-radius: 9999px;
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 900;
    margin-bottom: 1.5rem;
}

.hero-title span {
    color: #FACC15;
    font-style: italic;
}

.hero-desc {
    color: #d1d5db;
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
}

/* Buttons */
.btn-primary {
    background: #FACC15;
    color: #0f172a;
    padding: 1.25rem 3rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.btn-outline {
    border: 2px solid #C2410C;
    color: #C2410C;
    padding: 1.25rem 3rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}