:root{--bg: #FAF8F6;--surface: #FFFFFF;--surface-high: #F1EEEA;--border: #E2DDD7;--text: #1B1B1F;--text-secondary: #5E5E6A;--brand: #FF6B00;--brand-text-on: #1A0A00;--brand-on-light: #C24E00;--success: #1E8E4E;--warning: #B26A00;--error: #C62828;--neutral: #6B6B78;--glow: radial-gradient(60% 50% at 50% 0%, rgba(255,107,0,.18), transparent 70%);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0F0F13;--surface: #1C1C22;--surface-high: #26262D;--border: #3A3A44;--text: #F4F4F6;--text-secondary: #A6A6B3;--brand: #FF6B00;--brand-text-on: #1A0A00;--brand-on-light: #FF8A33;--success: #34C26C;--warning: #FFB020;--error: #F2555A;--neutral: #7C7C8A;--glow: radial-gradient(60% 50% at 50% 0%, rgba(255,107,0,.22), transparent 70%);color-scheme:dark}}[data-theme=dark]{--bg: #0F0F13;--surface: #1C1C22;--surface-high: #26262D;--border: #3A3A44;--text: #F4F4F6;--text-secondary: #A6A6B3;--brand: #FF6B00;--brand-text-on: #1A0A00;--brand-on-light: #FF8A33;--success: #34C26C;--warning: #FFB020;--error: #F2555A;--neutral: #7C7C8A;--glow: radial-gradient(60% 50% at 50% 0%, rgba(255,107,0,.22), transparent 70%);color-scheme:dark}[data-theme=light]{color-scheme:light}:root{--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-15: 120px;--space-20: 160px;--radius-sm: 12px;--radius-md: 24px;--radius-lg: 32px;--radius-pill: 52px;--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .3s;--dur-base: .45s;--dur-slow: .7s;--shadow-soft: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--blur-glass: 12px}:root{--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--text-display: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);--text-h1: clamp(2.25rem, 1.5rem + 3vw, 4rem);--text-h2: clamp(2rem, 1.5rem + 2vw, 3rem);--text-h3: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-body: clamp(1.0625rem, 1rem + .25vw, 1.125rem);--text-small: .875rem;--text-xs: .875rem;--lh-tight: 1.05;--lh-body: 1.6;--tracking-tight: -.02em;--max-measure: 65ch}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Nastaliq Urdu;src:url(/fonts/noto-nastaliq-urdu.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}button,input,select,textarea{font:inherit}html{scroll-behavior:smooth;overflow-x:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html[dir=rtl] body{font-family:Noto Nastaliq Urdu,Segoe UI,serif}body{margin:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--brand-on-light);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}[data-theme=dark] a,:root[data-theme=dark] a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--brand);color:var(--brand-text-on);padding:12px 20px;border-radius:0 0 12px;z-index:1000;font-weight:600}.skip-link:focus{left:0}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}.section{padding-block:clamp(64px,8vw + 2rem,160px);scroll-margin-top:88px}section,[id]{scroll-margin-top:88px}.section-tight{padding-block:clamp(48px,6vw,96px)}h1,h2,h3{margin:0 0 .5em;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-display);font-weight:600}h2{font-size:var(--text-h2);font-weight:600}h3{font-size:var(--text-h3);font-weight:600}p{margin:0 0 1em;max-width:var(--max-measure)}p:last-child{margin-bottom:0}.eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-on-light);margin-bottom:16px}[data-theme=dark] .eyebrow,:root[data-theme=dark] .eyebrow{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding-inline:28px;border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn:active{transform:translateY(0) scale(.98)}.btn-primary,a.btn-primary,[data-theme=dark] a.btn-primary{background:var(--brand);color:var(--brand-text-on)}.btn-primary:hover{background:var(--brand);filter:brightness(1.05)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-high)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-high)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;min-width:0}.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:520px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;border:1px solid currentColor}.badge-success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.badge-warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.badge-neutral{color:var(--neutral);background:color-mix(in srgb,var(--neutral) 12%,transparent)}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.icon{width:24px;height:24px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.grid-2,.grid-3{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.site-header{position:sticky;top:0;z-index:50;transition:background var(--dur-fast) var(--ease),backdrop-filter var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);border-bottom:1px solid transparent}@media(max-width:899px){.site-header>.container{min-height:64px;height:auto!important;padding-block:8px}.container{padding-inline:clamp(16px,5vw,40px)}.card{padding:clamp(20px,5vw,32px)}}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border-bottom-color:var(--border)}.menu-overlay{display:none;position:fixed;inset:0;z-index:60;background:#0f0f139e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.menu-overlay.is-open{display:block}.mobile-menu-panel{position:fixed;top:0;right:0;display:flex;flex-direction:column;gap:8px;width:min(320px,85vw);height:100dvh;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto;background:var(--surface);color:var(--text);box-shadow:-8px 0 24px #00000040;transform:translate(0)}.menu-overlay a,.menu-overlay button{position:relative;z-index:1}@media(max-width:899px){.nav-links{display:none}.menu-toggle{display:inline-flex}}@media(min-width:900px){.menu-toggle{display:none}.nav-links{display:flex;gap:8px;align-items:center}}.site-footer{background:var(--surface);border-top:1px solid var(--border)}.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}@media print{.site-header,.site-footer,.menu-overlay{display:none!important}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}.card{border:1px solid #ccc}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}
