:root{--ui-color-bg: #faf8f5;--ui-color-surface: #ffffff;--ui-color-text: #1f2a24;--ui-color-text-muted: #6b7280;--ui-color-primary: #0f6b52;--ui-color-primary-hover: #0c5643;--ui-color-primary-contrast: #ffffff;--ui-color-accent: #b68d40;--ui-color-border: #e5e1d8;--ui-color-error: #c0392b;--ui-color-error-bg: #fdecea;--ui-color-success: #2e7d32;--ui-color-success-bg: #eaf6ea;--ui-font-sans: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;--ui-font-quran: "Amiri Quran", "Amiri", "Traditional Arabic", serif;--ui-font-size-base: 16px;--ui-line-height-base: 1.8;--ui-space-1: .5rem;--ui-space-2: 1rem;--ui-space-3: 1.5rem;--ui-space-4: 2rem;--ui-radius-md: 10px;--ui-radius-lg: 16px;--ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--ui-shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--ui-color-bg: #14181a;--ui-color-surface: #1c2224;--ui-color-text: #eef1ef;--ui-color-text-muted: #9aa5a1;--ui-color-primary: #2e9c7c;--ui-color-primary-hover: #37b58f;--ui-color-primary-contrast: #0b1210;--ui-color-accent: #d4af6a;--ui-color-border: #2b3234;--ui-color-error: #e57368;--ui-color-error-bg: #3a1e1c;--ui-color-success: #6fcf7a;--ui-color-success-bg: #1c3320;--ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ui-shadow-md: 0 4px 14px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--ui-color-bg);color:var(--ui-color-text);font-family:var(--ui-font-sans);font-size:var(--ui-font-size-base);line-height:var(--ui-line-height-base)}:root{--h-bg: #fbfaf6;--h-ink: #22271f;--h-ink-soft: #4a5047;--h-line: #e3dfd3;--h-card-bg: #ffffff;--h-hover-bg: #f5f3ed;--h-gold: #c9a15a;--h-wrap: 1160px;--h-family-fawaid: #a9793f;--h-family-fawaid-bg: #f6efe3;--h-family-qalu: #33475b;--h-family-qalu-bg: #e9edf1;--h-family-standalone: #4f6b52;--h-family-standalone-bg: #ecf1ea}*{box-sizing:border-box}body{margin:0;background:var(--h-bg);color:var(--h-ink);font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif;line-height:1.7}.h-page{max-width:var(--h-wrap);margin:0 auto;padding:0 20px 64px}.h-hero{position:relative;padding:56px 20px 40px;text-align:center;overflow:hidden}.h-hero__motif{position:absolute;top:-80px;inset-inline-end:-80px;width:260px;height:260px;pointer-events:none;opacity:.05;color:var(--h-ink)}.h-hero h1{position:relative;margin:0 0 10px;font-size:34px;font-weight:900}.h-brand{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:0 auto;max-width:640px}.h-brand__seal{width:40px;height:40px;border-radius:50%;flex:none}.h-brand__domain{font-size:14px;font-weight:700;color:var(--h-family-qalu);text-decoration:none}.h-brand__domain:hover,.h-brand__domain:focus-visible{text-decoration:underline}.h-brand__title{font-size:14px;color:var(--h-ink-soft)}.h-gold-line{position:relative;width:96px;height:3px;margin:20px auto 0;background:var(--h-gold);border-radius:2px}.h-family{margin-top:52px}.h-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.h-family--fawaid .h-card{--accent-color: var(--h-family-fawaid);--accent-bg: var(--h-family-fawaid-bg)}.h-family--qalu .h-card{--accent-color: var(--h-family-qalu);--accent-bg: var(--h-family-qalu-bg)}.h-family--standalone .h-card{--accent-color: var(--h-family-standalone);--accent-bg: var(--h-family-standalone-bg)}.h-card{display:flex;flex-direction:column;gap:10px;padding:18px 18px 16px;background:var(--h-card-bg);border:1px solid var(--h-line);border-inline-start:3px solid var(--accent-color, var(--h-gold));border-radius:12px;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.h-card:hover,.h-card:focus-visible{background:var(--h-hover-bg);transform:translateY(-2px);box-shadow:0 6px 18px #22271f14}.h-card__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--accent-bg, var(--h-hover-bg));color:var(--accent-color, var(--h-gold))}.h-card__icon svg{width:22px;height:22px}.h-card h3{margin:0;font-size:17px;font-weight:700;color:var(--h-ink)}.h-card p{margin:0;font-size:13.5px;color:var(--h-ink-soft)}@media(max-width:1024px){.h-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:768px){.h-page{padding:0 16px 48px}.h-hero{padding:40px 12px 28px}.h-hero h1{font-size:27px}.h-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}}@media(max-width:430px){.h-hero h1{font-size:23px}.h-hero p{font-size:14.5px}.h-grid{grid-template-columns:1fr}.h-card{padding:16px}}