body{
    font-family:'Inter',sans-serif;
    background:var(--bg);
    color:var(--text);
    overflow-x:hidden;
}

/* NAVBAR */
.navbar-custom{
    background:rgba(255,253,248,.85);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(0,0,0,.05);
    padding:16px 0;
}

[data-theme="dark"] .navbar-custom{
    background:rgba(0,0,0,.82);
    border-color:#121212;
}

.brand{
    font-size:28px;
    font-weight:800;
    color:var(--primary);
    text-decoration:none;
}

.nav-link{
    color:var(--text)!important;
    font-weight:500;
    margin-left:12px;
    position:relative;
}

.nav-link:hover{
    color:var(--primary)!important;
}

.nav-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.icon-btn{
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid var(--border);
    background:var(--surface);
    color:var(--text);
}

.user-btn{
    background:linear-gradient(135deg,var(--primary),var(--primary-light));
    color:#fff;
    border:none;
    padding:12px 18px;
    border-radius:14px;
    font-weight:600;
}


/* FOOTER */
.footer{
    background:#0a0a0a;
    color:#fff;
    padding:90px 0 40px;
    margin-top:90px;
}

.footer h6{
    font-weight:700;
    margin-bottom:20px;
}

.footer a{
    display:block;
    color:#b5b5b5;
    text-decoration:none;
    margin-bottom:12px;
}

.footer a:hover{
    color:#fff;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:40px;
    padding-top:25px;
    color:#777;
    text-align:center;
}

/* MOBILE */
@media(max-width:992px){
    .hero h1{
        font-size:46px;
    }

    .section-title{
        font-size:34px;
    }

    .cta-banner h2{
        font-size:36px;
    }

    .arabic{
        font-size:34px;
    }

    .urdu{
        font-size:22px;
    }
}

@media(max-width:768px){
    .hero{
        padding:70px 0 40px;
    }

    .hero h1{
        font-size:38px;
    }

    .hero p{
        font-size:17px;
    }

    .section-space{
        padding:50px 0;
    }

    .search-wrapper{
        border-radius:24px;
    }

    .feature-card,
    .daily-card,
    .article-card,
    .collection-card{
        border-radius:24px;
    }
}