.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-ghost{background:0 0;color:var(--muted-foreground);height:auto;padding:8px 16px}.btn-ghost:hover{color:var(--primary)}.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-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 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)}.surah-card:hover .surah-num{background:var(--primary);color:var(--primary-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)}.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)}.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)}.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}.contact-box{display:grid;gap:40px;border:1px solid var(--border);border-radius:24px;background:var(--card);padding:24px;box-shadow:var(--shadow-soft)}@media (min-width:640px){.contact-box{padding:40px}}@media (min-width:1024px){.contact-box{grid-template-columns:1fr 1fr}}.contact-box h2{margin-top:12px;font-size:clamp(1.75rem,1.2rem + 2vw,2.25rem)}.contact-list{margin-top:32px;display:grid;gap:16px;font-size:14px}.contact-list li{display:flex;align-items:center;gap:12px}.contact-list .card-icon{width:40px;height:40px}.form{display:grid;gap:16px}.form-row{display:grid;gap:16px}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form label{font-size:14px;font-weight:500}.form input,.form textarea{margin-top:6px;width:100%;border:1px solid var(--border);border-radius:12px;background:var(--background);padding:12px 14px;font-size:14px;outline:none}.form input{height:44px}.form input:focus,.form textarea:focus{box-shadow:0 0 0 2px var(--ring)}.form-status{min-height:20px;font-size:14px;color:var(--primary)}.form-error{display:block;min-height:16px;font-size:12px;color:oklch(.577 .245 27.325)}.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}.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}