: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:26px 20px 8px;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__eyebrow{position:relative;margin:0 0 8px;font-size:13px;color:var(--h-ink-soft)}.h-brand{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:0 auto;max-width:640px}.h-brand__seal{width:34px;height:34px;border-radius:50%;flex:none}.h-brand__domain{font-size:13px;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{margin:0;font-size:17px;font-weight:800}.h-gold-line{position:relative;width:96px;height:3px;margin:14px auto 0;background:var(--h-gold);border-radius:2px}.h-family{margin-top:16px}.h-hero+.h-family{margin-top:6px}.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:8px;padding:14px 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__head{display:flex;align-items:flex-start;gap:10px}.h-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--accent-bg, var(--h-hover-bg));color:var(--accent-color, var(--h-gold))}.h-card__icon svg{width:18px;height:18px}.h-card h3{margin:0;padding-top:4px;font-size:16px;font-weight:700;line-height:1.3;color:var(--h-ink)}.h-card p{margin:0;font-size:13px;color:var(--h-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-share{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid var(--h-line)}.h-share__btn{display:flex;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--h-ink);background:var(--h-card-bg);border:1px solid var(--h-line);border-radius:10px;cursor:pointer;transition:background .15s ease,transform .15s ease}.h-share__btn svg{width:16px;height:16px}.h-share__btn:hover,.h-share__btn:focus-visible{background:var(--h-hover-bg)}.h-share__btn--primary{color:#fff;background:var(--h-family-qalu);border-color:var(--h-family-qalu)}.h-share__btn--primary:hover,.h-share__btn--primary:focus-visible{background:#283a4b}@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:22px 12px 8px}.h-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}}@media(max-width:430px){.h-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.h-card{padding:12px;gap:6px}.h-card__icon{width:32px;height:32px;border-radius:8px}.h-card__icon svg{width:17px;height:17px}.h-card h3{font-size:14px;line-height:1.35}.h-card p{font-size:11.5px}}