:root{--color-navy:#1a365d;--color-navy-dark:#0f2440;--color-navy-light:#2a4a7f;--color-gold:#c59b27;--color-gold-light:#d4a843;--color-gold-pale:#f5e6c0;--color-arabic:#064e3b;--color-arabic-bg:#ecfdf5;--color-english:#0f172a;--color-pron-urdu:#7e22ce;--color-pron-arabic:#047857;--color-pron-english:#1d4ed8;--color-idiomatic-bg:#fff1ee;--color-idiomatic-text:#b91c1c;--color-idiomatic-border:#fecaca;--color-bg-primary:#faf8f5;--color-bg-secondary:#fff;--color-bg-card:#fff;--color-bg-hover:#f1f5f9;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-success:#059669;--color-success-bg:#ecfdf5;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-phase1:#059669;--color-phase1-bg:#ecfdf5;--color-phase2:#2563eb;--color-phase2-bg:#eff6ff;--color-phase3:#9333ea;--color-phase3-bg:#faf5ff;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic:"Amiri", "Segoe UI Arabic", "Traditional Arabic", "Arabic Typesetting", Tahoma, serif;--font-nastaliq:"Noto Nastaliq Urdu", "Urdu Typesetting", "Jameel Noori Nastaleeq", "Segoe UI", Tahoma, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-gold:0 4px 14px #c59b274d;--shadow-navy:0 4px 14px #1a365d33;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}ul,ol{list-style:none}img{max-width:100%;height:auto}.arabic-text{font-family:var(--font-arabic);text-align:right;color:var(--color-arabic);font-size:var(--text-2xl);direction:rtl;line-height:2}.urdu-text{font-family:var(--font-nastaliq);text-align:right;direction:rtl;line-height:2.2}.pron-urdu{font-family:var(--font-nastaliq);text-align:right;color:var(--color-pron-urdu);font-size:var(--text-lg);direction:rtl;line-height:2.2}.pron-english{font-family:var(--font-nastaliq);text-align:right;color:var(--color-pron-english);font-size:var(--text-lg);direction:rtl;line-height:2.2}.english-text{font-family:var(--font-ui);text-align:left;color:var(--color-english);font-size:var(--text-xl);direction:ltr;font-weight:600}.idiomatic-text{font-family:var(--font-nastaliq);text-align:right;color:var(--color-idiomatic-text);font-size:var(--text-lg);direction:rtl;line-height:2.2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cardFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes progressFill{0%{width:0}}@keyframes gentleGlow{0%,to{box-shadow:0 0 5px #c59b2733}50%{box-shadow:0 0 20px #c59b2766}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:900px;padding:0 var(--space-6);margin:0 auto}@media (max-width:768px){:root{--text-5xl:2.25rem;--text-4xl:1.875rem;--text-3xl:1.5rem;--text-2xl:1.25rem}.container,.container-narrow{padding:0 var(--space-4)}}@media (max-width:480px){:root{--text-5xl:1.875rem;--text-4xl:1.5rem;--text-3xl:1.25rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-navy-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-navy)}::selection{background:var(--color-gold-pale);color:var(--color-navy-dark)}