@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-arabic-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-arabic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-arabic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readex-pro-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readex-pro-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/readex-pro-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/plus-jakarta-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/plus-jakarta-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background: 0 0% 97%;--foreground: 0 0% 8%;--card: 0 0% 100%;--card-foreground: 0 0% 8%;--popover: 0 0% 100%;--popover-foreground: 0 0% 8%;--primary: 145 70% 18%;--primary-foreground: 0 0% 98%;--secondary: 0 75% 35%;--secondary-foreground: 0 0% 98%;--muted: 40 20% 92%;--muted-foreground: 0 0% 35%;--accent: 45 85% 50%;--accent-foreground: 0 0% 8%;--destructive: 0 72% 50%;--destructive-foreground: 0 0% 98%;--border: 40 20% 85%;--input: 40 20% 85%;--ring: 145 70% 18%;--gold: 45 85% 50%;--gold-light: 45 80% 65%;--ahlulbayt-green: 145 70% 18%;--ahlulbayt-green-light: 145 55% 30%;--husayni-red: 0 75% 35%;--husayni-red-light: 0 65% 45%;--black-banner: 0 0% 10%;--color-bg: hsl(0 0% 97%);--color-fg: hsl(0 0% 8%);--color-card: hsl(0 0% 100%);--color-primary: hsl(145 70% 18%);--color-primary-light: hsl(145 55% 30%);--color-secondary: hsl(0 75% 35%);--color-secondary-light: hsl(0 65% 45%);--color-gold: hsl(45 85% 50%);--color-gold-light: hsl(45 80% 65%);--color-muted: hsl(40 20% 92%);--color-muted-fg: hsl(0 0% 35%);--color-border: hsl(40 20% 85%);--brand-deep-green: #0F3B28;--brand-gold-hex: #FFD700;--brand-theme-green: #007A3D;--brand-logo-teal: #137a63;--gradient-primary: linear-gradient(135deg, hsl(145 70% 18%), hsl(145 55% 30%));--gradient-secondary: linear-gradient(135deg, hsl(0 75% 35%), hsl(0 65% 45%));--gradient-gold: linear-gradient(135deg, hsl(45 85% 50%), hsl(45 80% 65%));--gradient-hero: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(40 20% 94%) 100%);--radius: .75rem;--radius-md: calc(.75rem - 2px) ;--radius-sm: calc(.75rem - 4px) ;--shadow-card: 0 4px 20px -4px hsl(145 70% 18% / .1);--shadow-elevated: 0 12px 40px -8px hsl(145 70% 18% / .15);--shadow-glow: 0 0 30px hsl(45 85% 50% / .3);--shadow-red-glow: 0 0 30px hsl(0 75% 35% / .3);--shadow-modal: 0 32px 64px rgba(0, 0, 0, .6);--font-display: "Amiri", serif;--font-body: "Readex Pro", "Noto Sans Arabic", sans-serif;--font-ui: "Readex Pro", "Noto Sans Arabic", sans-serif;--font-latin: "Plus Jakarta Sans", sans-serif}.dark{--background: 0 0% 6%;--foreground: 0 0% 96%;--card: 0 0% 10%;--card-foreground: 0 0% 96%;--popover: 0 0% 10%;--popover-foreground: 0 0% 96%;--primary: 145 60% 40%;--primary-foreground: 0 0% 6%;--secondary: 0 65% 45%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 18%;--muted-foreground: 0 0% 65%;--accent: 45 85% 50%;--accent-foreground: 0 0% 6%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 96%;--border: 0 0% 20%;--input: 0 0% 20%;--ring: 145 60% 40%;--color-bg: hsl(0 0% 6%);--color-fg: hsl(0 0% 96%);--color-card: hsl(0 0% 10%);--color-primary: hsl(145 60% 40%);--color-muted: hsl(0 0% 18%);--color-muted-fg: hsl(0 0% 65%);--color-border: hsl(0 0% 20%)}html{direction:rtl}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:hsl(var(--primary))}a:hover{color:#227745}::selection{background:#ecb6134d;color:#09341b}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f3f1ed}::-webkit-scrollbar-thumb{background:#2e6b4759;border-radius:8px;border:2px solid hsl(40 20% 94%)}::-webkit-scrollbar-thumb:hover{background:#20603a8c}button,input{font-family:var(--font-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.islamic-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30L30 0z' fill='none' stroke='%23166534' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E")}.geometric-border{background:linear-gradient(90deg,transparent 0%,hsl(var(--gold)) 50%,transparent 100%);height:2px}.hero-gradient{background:linear-gradient(180deg,#fff,#eef6f2,#f3f1ed)}.text-gradient-gold{background:linear-gradient(135deg,#ecb613,#b38c19);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#136c38,#288a51);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-gold{box-shadow:0 0 30px #ecb61366}.glow-green{box-shadow:0 0 30px #136c3866}.glow-red{box-shadow:0 0 30px #9c161666}:root{--frame-max: 480px;--desktop-max: 1100px}@media(min-width:768px){:root{--frame-max: 720px}}.app-outer{min-height:100vh;background:var(--color-muted);display:flex;justify-content:center}.app-frame{width:100%;max-width:var(--frame-max);min-height:100vh;background:var(--color-bg);position:relative;box-shadow:var(--shadow-elevated);font-family:var(--font-body);color:var(--color-fg)}.fixed-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--frame-max);box-sizing:border-box}.desktop-nav{display:none}@media(min-width:1024px){.app-outer{background:var(--color-bg)}.app-frame{max-width:var(--desktop-max);box-shadow:none}.desktop-nav{display:block;position:sticky;top:0;z-index:40;background:hsl(var(--card) / .94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.desktop-nav-inner{max-width:var(--desktop-max);margin-inline:auto;padding:0 20px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px}.desktop-nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-primary);font-family:var(--font-display);font-weight:700;font-size:19px}.desktop-nav .nav-links{display:flex;align-items:center;gap:4px}.desktop-nav .nav-link{padding:9px 16px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--color-muted-fg);text-decoration:none;transition:color .15s,background .15s}.desktop-nav .nav-link:hover{color:var(--color-primary);background:hsl(var(--primary) / .06)}.desktop-nav .nav-link.active{color:var(--color-primary);background:hsl(var(--primary) / .1)}.bottom-nav{display:none!important}.top-bar{top:62px!important}.top-bar-plain,.settings-gear{display:none!important}.cta-bar{position:static!important;transform:none!important;max-width:640px!important;margin-inline:auto;background:transparent!important;border-top:none!important;backdrop-filter:none!important;padding:0 20px 40px!important}}.card-list{display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.card-list>*{height:100%;box-sizing:border-box}}@media(min-width:1024px){.card-list-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.flow-column{max-width:640px;margin-inline:auto}@media(min-width:1920px){body{zoom:1.25}}@media(min-width:2560px){body{zoom:1.6}}