@import "https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css";
@font-face{font-family:Poppins;src:url(../media/Poppins-ExtraLightItalic.3-gchpcl1dif5.ttf)format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-Light.0mw1rxaul75_v.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-Regular.2kdg2yojfmglu.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-Italic.2ch7nm7b3ceqz.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-Medium.1rsg9fuod2ku_.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-SemiBold.41apqq8-o2sas.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-SemiBoldItalic.1f4c48aous_7f.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-Bold.0g-2cbvqf78ce.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../media/Poppins-ExtraBold.0ot7oh9rt09jw.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Amiri Quran;src:url(../media/AmiriQuran-Regular.0g9nmuxeg_kte.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--coral-50:#fff5f0;--coral-100:#ffe3dd;--coral-400:#ff8a78;--coral-500:#fe6f5e;--coral-550:#ff6f5b;--coral-600:#e5533f;--coral-700:#e07856;--teal-50:#e3f4f2;--teal-25:#f3faf9;--teal-100:#d7ece9;--teal-200:#bfe5e0;--teal-300:#9bd5ce;--teal-500:#26a69a;--teal-600:#1f968b;--teal-700:#1e857b;--teal-900:#1e5a54;--navy-500:#4a5a8a;--navy-650:#3d4a6b;--navy-700:#3e4b6e;--navy-900:#1e293b;--slate-50:#f1f2f5;--slate-100:#eef0f3;--slate-150:#e3e6eb;--slate-200:#d7dce3;--slate-250:#c9d2da;--slate-300:#c3c8d2;--slate-400:#8a93a8;--slate-450:#64748b;--slate-500:#5b6680;--gray-50:#f5f5f5;--gray-200:#e5e5ea;--gray-500:#999;--lilac-150:#ece8f0;--lilac-200:#e4e0ea;--lilac-300:#cac4d0;--lilac-500:#8e879c;--gold-500:#ffb300;--gold-premium:#f5c842;--sand-50:#f2ede7;--error-500:#b00020;--badge-red:#dc3545;--splash-sand:#ebd5bf;--splash-sand-glow:#f5e7d9;--splash-teal:#c2e3dd;--splash-teal-glow:#daf0ec;--splash-mist:#d5dae8;--splash-mist-glow:#e7eaf3;--primary:var(--coral-500);--primary-strong:var(--coral-600);--primary-soft:var(--coral-50);--primary-border:var(--coral-400);--on-primary:#fff;--fg-1:var(--navy-700);--fg-2:var(--slate-500);--fg-3:var(--slate-400);--fg-disabled:var(--slate-300);--fg-tagline:var(--navy-500);--fg-button-secondary:#4a5568;--surface-page:var(--gray-50);--surface-card:#fff;--surface-quality:var(--coral-50);--surface-sunken:var(--slate-50);--border-card-coral:var(--coral-400);--border-card-teal:var(--teal-500);--border-card-soft:var(--teal-100);--border-tile:var(--slate-150);--border-chip:var(--slate-200);--divider:var(--slate-100);--habit-teal:var(--teal-500);--habit-teal-dark:var(--teal-700);--habit-teal-soft:var(--teal-50);--habit-teal-border:var(--teal-100);--habit-teal-border-strong:var(--teal-300);--habit-partial:var(--teal-200);--habit-partial-text:var(--teal-900);--habit-streak:var(--coral-600);--habit-missed:var(--lilac-200);--habit-missed-cell:var(--lilac-150);--habit-missed-text:var(--lilac-500);--habit-not-started:var(--slate-50);--habit-future-text:var(--slate-300);--habit-check-border:var(--slate-250);--toast-bg:var(--navy-700);--shadow-card:0 4px 12px #00000014;--shadow-cta-coral:0 4px 10px #ff6f5b4d;--shadow-cta-teal:0 4px 10px #26a69a4d;--shadow-button:0 2px 4px #00000040;--shadow-toast:0 6px 18px #0003;--shadow-reveal-rim:0 0 14px #281e1459;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-22:22px;--space-24:24px;--space-32:32px;--screen-gutter:16px;--section-gap:22px;--card-padding:16px;--tap-min:44px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-button-lg:15px;--radius-16:16px;--radius-18:18px;--radius-full:999px;--border-hairline:1px;--border-card:1px;--border-strong:1.5px;--font-sans:"Poppins", system-ui, sans-serif;--font-quran:"Amiri Quran", serif}.t-wordmark{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:34px;font-weight:700;line-height:1}.t-quality-title{font-family:var(--font-sans);font-size:24px;font-weight:600;line-height:1.25}.t-greeting{font-family:var(--font-sans);font-size:22px;font-weight:600;line-height:1.25}.t-h2{font-family:var(--font-sans);font-size:21px;font-weight:600;line-height:1.3}.t-section{font-family:var(--font-sans);font-size:19px;font-weight:600;line-height:1.25}.t-card-title{font-family:var(--font-sans);font-size:18px;font-weight:600;line-height:1.25}.t-body-lg{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.5}.t-body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.5}.t-body-sm{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5}.t-caption{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.5}.t-label{font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1.4}.t-micro{font-family:var(--font-sans);font-size:11px;font-weight:400;line-height:1.3}.t-stat{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.2}.t-stat-lg{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.t-ring{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.2}
:root{--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--text-wordmark:34px;--text-quality-title:24px;--text-greeting:22px;--text-h2:21px;--text-section:19px;--text-card-title:18px;--text-body-lg:16px;--text-body:15px;--text-body-sm:14px;--text-caption:13px;--text-label:12px;--text-micro:11px;--text-stat:24px;--text-stat-lg:26px;--text-ring:22px;--leading-tight:1.25;--leading-body:1.5;--tracking-wordmark:.06em;--tracking-button:.3px;--ease-standard:cubic-bezier(.2,.8,.2,1);--ease-pop:cubic-bezier(.3,1.6,.5,1);--dur-press:.1s;--dur-color:.2s;--dur-pop:.17s;--dur-tick:.26s;--dur-fade:.36s;--dur-rise:.44s;--dur-push:.34s;--dur-glide:.48s;--dur-count:.9s;--dur-hold:.65s;--stagger-section:60ms;--stagger-dot:30ms;--press-scale:.97;--press-scale-icon:.94}@media (prefers-reduced-motion:reduce){:root{--dur-rise:0s;--dur-glide:0s;--dur-push:.15s;--dur-pop:0s}}html,body{font-family:var(--font-sans);color:var(--fg-1);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--habit-teal);text-decoration:none}a:hover{color:var(--habit-teal-dark)}*,:before,:after{box-sizing:border-box}
:root{--text-display-xl:clamp(33px, 20.1px + 3.585vw, 66px);--text-display-lg:clamp(27px, 17.625px + 2.61vw, 51px);--text-display-md:clamp(24px, 16.95px + 1.9575vw, 42px);--text-lead:clamp(16.5px, 14.775px + .4875vw, 21px);--text-verse-translation:clamp(22px, 19.7px + .65vw, 28px);--text-quran-display:32px;--text-quran-display-line:min(56px, 4.1vw);--text-web-micro:12px;--text-web-label:13.5px;--text-web-caption:15px;--text-web-body-sm:15.75px;--text-web-body:16.5px;--text-web-body-lg:18px;--text-web-card-title:20.25px;--text-web-h2:24px;--leading-display-xl:1.1;--leading-display-lg:1.15;--leading-display-md:1.2;--leading-lead:1.5;--leading-quran:2;--tracking-display:-.01em;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--container-max:1200px;--container-prose:720px;--gutter-web:16px;--header-height:72px;--logo-height:48px;--divider-web:var(--border-chip);--surface-web:var(--sand-50);--surface-web-inverse:var(--navy-700);--overlay-dim:#0000001f}@media (min-width:640px){:root{--gutter-web:24px}}@media (min-width:960px){:root{--gutter-web:32px;--header-height:96px;--logo-height:56px}}.t-display-xl{font-family:var(--font-sans);font-size:var(--text-display-xl);line-height:var(--leading-display-xl);letter-spacing:var(--tracking-display);font-weight:600}.t-display-lg{font-family:var(--font-sans);font-size:var(--text-display-lg);line-height:var(--leading-display-lg);letter-spacing:var(--tracking-display);font-weight:500}.t-display-md{font-family:var(--font-sans);font-size:var(--text-display-md);line-height:var(--leading-display-md);letter-spacing:var(--tracking-display);font-weight:500}.t-lead{font-family:var(--font-sans);font-size:var(--text-lead);line-height:var(--leading-lead);font-weight:400}.t-quran-display{font-family:var(--font-quran);font-size:var(--text-quran-display);line-height:var(--leading-quran);font-weight:400}.t-web-body{font-family:var(--font-sans);font-size:var(--text-web-body);font-weight:400;line-height:1.5}.t-web-body-sm{font-family:var(--font-sans);font-size:var(--text-web-body-sm);font-weight:400;line-height:1.5}.t-web-caption{font-family:var(--font-sans);font-size:var(--text-web-caption);font-weight:400;line-height:1.5}
html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--surface-web);color:var(--fg-1);flex-direction:column;min-height:100vh;display:flex}main{flex:1}a,a:hover{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img,video{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--fg-1);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-16);top:var(--space-8);z-index:100;padding:var(--space-12) var(--space-16);background:var(--surface-card);border:1px solid var(--fg-1);border-radius:var(--radius-12);font-size:var(--text-web-body);font-weight:600;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:100%;max-width:calc(var(--container-max) + 2 * var(--gutter-web));padding-inline:var(--gutter-web);margin-inline:auto}.accent-coral{color:var(--primary)}.divider{border:0;border-top:1px solid var(--divider-web);height:0;margin:0 auto}section[id]{scroll-margin-top:var(--header-height)}.accent-teal{color:var(--habit-teal-dark)}.world-coral{--world:var(--primary);--world-hover:var(--coral-600);--world-text:var(--primary);--world-border:var(--border-card-coral);--world-soft:var(--primary-soft)}.world-teal{--world:var(--habit-teal);--world-hover:var(--teal-600);--world-text:var(--habit-teal-dark);--world-border:var(--border-card-teal);--world-soft:var(--habit-teal-soft)}.js .reveal{opacity:0;transition:opacity var(--dur-rise) var(--ease-standard), transform var(--dur-rise) var(--ease-standard);transition-delay:calc(var(--reveal-index,0) * var(--stagger-section));transform:translateY(16px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}}.salawat{font-size:1.4em;line-height:0}.rich-link{color:var(--fg-1);text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:3px;overflow-wrap:anywhere;transition:color var(--dur-color) var(--ease-standard);text-decoration-thickness:1px}.rich-link:hover{color:var(--coral-600);text-decoration:underline;-webkit-text-decoration-color:var(--coral-600);text-decoration-color:var(--coral-600)}