/* Minimal overrides and brand styles for the Furqan-inspired landing */
:root {
    --primary: #FF5722;
    --muted: #6b6b6b;
    --bg: #fff7f2
}

body {
    background: var(--bg);
    font-family: 'Noto Kufi Arabic', Arial, sans-serif;
    color: #222
}

.hero {
    padding: 64px 0
}

.hero .lead {
    color: var(--muted)
}

.card {
    border-radius: 12px
}

.navbar-brand img {
    height: 48px
}

.hero-img {
    max-width: 420px
}

.reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .6s ease, transform .6s ease
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0)
}

/* small utility */
.text-primary {
    color: var(--primary) !important
}

.btn-primary {
    background: linear-gradient(180deg, var(--primary), #e64a19);
    border: 0
}

/* responsive tweaks */
@media (max-width: 768px) {
    .hero {
        padding: 36px 0
    }
}