.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}.muted{color:var(--muted-foreground)}.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-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}.card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--secondary);color:var(--primary)}.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)}}.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)}.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}.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}