:root {
    --primary-color: #f26822; 
    --secondary-color: #00b4d8; 
    --text-dark: #333;
    --light-bg: #f8f9fa;
    --dark-text: #2c3e50;
}

body { font-family: 'Poppins', sans-serif; overflow-x: hidden; background-color: #000; }
html[lang="ur-PK"] body { font-family: 'Noto Nastaliq Urdu', serif; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.navbar { background: rgba(0,0,0,0.85); backdrop-filter: blur(10px); padding: 0; height: 70px; position: fixed; width: 100%; top: 0; z-index: 1000; display: flex; align-items: center; }
.brand-logo { height: 60px; width: auto; object-fit: contain; transform: scale(1.8); transform-origin: left center; margin-left: 15px; filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.5)); }

@media (min-width: 992px) {
    .navbar { height: 80px; }
    .brand-logo { height: 70px; transform: scale(2.4); margin-left: 20px; }
}

.btn-brand-orange { background-color: var(--primary-color); color: white; border: none; font-weight: 600; }
.btn-brand-orange:hover { background-color: #d95a1a; color: white; }
.btn-brand-cyan { background-color: var(--secondary-color); color: white; border: none; font-weight: 600; }
.btn-brand-cyan:hover { background-color: #0096b4; color: white; }

.lang-btn { font-size: 0.85rem; border: 1px solid rgba(255,255,255,0.5); color: #fff; text-decoration: none; padding: 6px 16px; border-radius: 20px; transition: 0.3s; }
.lang-btn:hover { background: rgba(255,255,255,0.2); color: #fff; border-color: #fff; }

footer { background: #111; color: #aaa; padding: 50px 0 20px; }
footer a { color: #aaa; text-decoration: none; transition: 0.3s; }
footer a:hover { color: white; }