.dark{--background:oklch(.18 .015 90);--foreground:oklch(.95 .01 90);--card:oklch(.22 .015 90);--muted:oklch(.26 .015 90);--muted-foreground:oklch(.65 .02 90);--border:oklch(.32 .015 90);--secondary:oklch(.28 .03 150);--secondary-foreground:oklch(.85 .03 150);--primary:oklch(.65 .12 155);--primary-foreground:oklch(.12 .01 90);--accent:oklch(.3 .05 70);--accent-foreground:oklch(.85 .05 70)}img{max-width:100%;display:block}.btn-outline{background:var(--card);border-color:var(--border);box-shadow:var(--shadow-soft)}.btn-outline:hover{transform:translateY(-2px)}.btn-ghost{background:0 0;color:var(--muted-foreground);height:auto;padding:8px 16px}.btn-ghost:hover{color:var(--primary)}.btn-sm{height:34px;padding-inline:14px;font-size:12px}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;gap:48px;align-items:center;padding-block:64px}@media (min-width:1024px){.hero-grid{grid-template-columns:1.1fr 1fr;padding-block:96px}}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 70%,transparent);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--muted-foreground)}.hero h1{margin-top:24px;font-size:clamp(2.25rem,1.4rem + 3.4vw,3.75rem);line-height:1.1}.text-gradient{background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin-top:20px;max-width:36rem;color:var(--muted-foreground)}.hero-actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.hero-stats{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:28rem;text-align:center}.hero-stats>div{border:1px solid var(--border);border-radius:16px;padding:16px}.hero-stats strong{display:block;font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--primary)}.hero-stats span{font-size:12px;color:var(--muted-foreground)}.hero-media{overflow:hidden;border:1px solid var(--border);border-radius:32px;background:var(--card);box-shadow:var(--shadow-lift)}.hero-media img{width:100%;height:100%;object-fit:cover}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.section-head-center{max-width:42rem;margin-inline:auto;text-align:center}.section-head h2{margin-top:12px;font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem)}.section-head p{margin-top:12px;font-size:14px;line-height:1.7;color:var(--muted-foreground)}.card{border:1px solid var(--border);border-radius:16px;background:var(--card);padding:24px;box-shadow:var(--shadow-soft)}.card-lift{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease}.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:color-mix(in oklab,var(--primary) 40%,transparent)}.card h3{margin-top:16px;font-size:18px}.card p{margin-top:6px;font-size:14px;color:var(--muted-foreground)}.feature-grid,.dl-grid{margin-top:40px;display:grid;gap:16px}@media (min-width:640px){.feature-grid,.dl-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid,.dl-grid{grid-template-columns:repeat(3,1fr)}}.surah-card{display:flex;flex-direction:column;padding:20px}.surah-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.surah-num{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--secondary);color:var(--secondary-foreground);font-family:var(--font-display);font-size:14px;transition:background-color .3s,color .3s}.surah-card:hover .surah-num{background:var(--primary);color:var(--primary-foreground)}.arabic{font-family:var(--font-arabic);direction:rtl;line-height:1.9}.surah-card__ar{font-size:24px;line-height:1;color:var(--primary)}.surah-card h3{margin-top:16px;font-size:18px}.surah-card__meaning{font-size:14px;color:var(--muted-foreground)}.tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.tag{border-radius:999px;padding:4px 10px;background:var(--muted);color:var(--muted-foreground)}.tag-accent{background:var(--accent);color:var(--accent-foreground)}.surah-card__desc{margin-top:12px;font-size:12px;line-height:1.6;color:var(--muted-foreground)}.surah-card__actions{margin-top:20px;display:flex;gap:8px}.surah-card__actions .btn{flex:1;height:34px;padding-inline:12px;font-size:12px}.juz-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.juz-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.juz-grid{grid-template-columns:repeat(6,1fr)}}.juz-card{display:flex;height:100%;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}.juz-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--secondary);color:var(--secondary-foreground);font-family:var(--font-display)}.juz-card strong{font-family:var(--font-display);font-size:14px;font-weight:400}.juz-card span{font-size:12px;color:var(--muted-foreground)}.dl-card{display:flex;flex-direction:column}.dl-card .card-icon{background:var(--accent);color:var(--accent-foreground)}.dl-card p{flex:1}.dl-foot{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.dl-foot span{font-size:12px;color:var(--muted-foreground)}.search-bar{position:relative;margin-inline:auto;margin-top:32px;max-width:34rem}.search-bar input{width:100%;height:52px;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:0 20px 0 48px;font-size:14px;box-shadow:var(--shadow-soft);outline:none}.search-bar input:focus{box-shadow:0 0 0 2px var(--ring)}.filters{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:13px;background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:all .2s}.chip:hover{border-color:color-mix(in oklab,var(--primary) 45%,transparent)}.chip[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.result-count{margin-top:20px;text-align:center;font-size:13px;color:var(--muted-foreground)}.surah-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.surah-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.surah-grid{grid-template-columns:repeat(6,1fr)}}.load-more-wrap{margin-top:40px;display:flex;justify-content:center}.empty{margin-top:40px;text-align:center;color:var(--muted-foreground)}.faq-wrap{margin-inline:auto;margin-top:40px;max-width:48rem;border:1px solid var(--border);border-radius:24px;background:var(--card);padding:8px 16px;box-shadow:var(--shadow-soft)}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:0}.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;background:0 0;cursor:pointer;padding:18px 0;text-align:left;font-family:var(--font-display);font-size:16px;border:none}.faq-q:hover{color:var(--primary)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.faq-a>div{overflow:hidden}.faq-a p{padding-bottom:18px;font-size:14px;line-height:1.7;color:var(--muted-foreground)}.faq-q[aria-expanded=true]+.faq-a{grid-template-rows:1fr}.article{max-width:48rem;margin-inline:auto}.article h2{margin-top:40px;font-size:clamp(1.5rem,1.2rem + 1.4vw,1.875rem)}.article h2:first-child{margin-top:0}.article p{margin-top:16px;font-size:15px;line-height:1.75;color:var(--muted-foreground)}.doc-layout{display:grid;gap:40px}@media (min-width:1024px){.doc-layout{grid-template-columns:240px 1fr}}.toc{height:max-content}@media (min-width:1024px){.toc{position:sticky;top:112px}}.toc ul{margin-top:16px;display:grid;gap:8px;font-size:14px;color:var(--muted-foreground)}.toc a:hover{color:var(--primary)}.doc-section{border-bottom:1px solid var(--border);padding-block:32px;scroll-margin-top:112px}.doc-section:first-child{padding-top:0}.doc-section:last-child{border-bottom:0}.reader{max-width:48rem;margin-inline:auto}.reader-bismillah{border:1px solid var(--border);border-radius:24px;background:var(--card);padding:32px;text-align:center;box-shadow:var(--shadow-soft)}.reader-bismillah .arabic{font-size:30px;color:var(--primary)}.reader-meta{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:640px){.reader-meta{grid-template-columns:repeat(4,1fr)}}.reader-meta div{border:1px solid var(--border);border-radius:16px;padding:16px;text-align:center}.reader-meta strong{display:block;font-family:var(--font-display);font-size:20px;font-weight:400;color:var(--primary)}.reader-meta span{font-size:12px;color:var(--muted-foreground)}.reader-nav{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.footer-bottom .container{display:flex;flex-direction:column;gap:8px;padding-block:24px;font-size:12px;color:var(--muted-foreground)}@media (min-width:640px){.footer-bottom .container{flex-direction:row;align-items:center;justify-content:space-between}}.animate-fade-up{animation:fade-up .6s var(--ease) both}.animate-fade-in{animation:fade-in .5s ease-out both}