@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";:root{--color-primary-50: #e8f5e9;--color-primary-100: #c8e6c9;--color-primary-200: #a5d6a7;--color-primary-300: #81c784;--color-primary-400: #66bb6a;--color-primary-500: #2e7d32;--color-primary-600: #27632a;--color-primary-700: #1b5e20;--color-primary-800: #145218;--color-primary-900: #0d3d12;--color-secondary-50: #fff8e1;--color-secondary-100: #ffecb3;--color-secondary-200: #ffe082;--color-secondary-300: #ffd54f;--color-secondary-400: #ffca28;--color-secondary-500: #d4a012;--color-secondary-600: #c49000;--color-secondary-700: #a67c00;--color-secondary-800: #8c6900;--color-secondary-900: #6b5000;--color-neutral-0: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #eeeeee;--color-neutral-300: #e0e0e0;--color-neutral-400: #bdbdbd;--color-neutral-500: #9e9e9e;--color-neutral-600: #757575;--color-neutral-700: #616161;--color-neutral-800: #424242;--color-neutral-900: #212121;--color-neutral-1000: #000000;--color-success: #2e7d32;--color-warning: #f9a825;--color-error: #c62828;--color-info: #1565c0;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-arabic: "Amiri", "Traditional Arabic", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-max: 1400px;--section-padding-y: var(--space-16);--section-padding-x: var(--space-6);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0;padding:0}ul,ol{list-style:none}body{min-height:100vh;line-height:var(--line-height-base);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-neutral-900);background-color:var(--color-neutral-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,button,input,label{line-height:var(--line-height-tight)}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;padding:0;cursor:pointer}fieldset{border:none;padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--full{max-width:100%}.page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.page__main{flex:1}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-neutral-0);border-bottom:1px solid var(--color-neutral-200)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-neutral-900)}.header__logo-img{height:64px;width:auto}.header__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.nav{display:none}.nav__list{display:flex;align-items:center;gap:var(--space-1)}.nav__link{display:block;padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__link:hover{color:var(--color-primary-600);background-color:var(--color-primary-50)}.nav__link--active{color:var(--color-primary-600)}.header__menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-neutral-700)}.header__menu-btn:hover{color:var(--color-primary-600)}.mobile-nav{display:none;position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--color-neutral-0);padding:var(--space-6);overflow-y:auto}.mobile-nav.is-open{display:block}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.mobile-nav__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-neutral-700)}.mobile-nav__list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav__link{display:block;padding:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-nav__link:hover{color:var(--color-primary-600);background-color:var(--color-primary-50)}@media(min-width:768px){.nav{display:block}.header__menu-btn{display:none}}.footer{background-color:var(--color-neutral-900);color:var(--color-neutral-300);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;gap:var(--space-10);margin-bottom:var(--space-12)}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-0)}.footer__logo-img{height:60px;width:auto}.footer__description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer__heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-0);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-4)}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--font-size-sm);color:var(--color-neutral-400);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-neutral-0)}.footer__social{display:flex;gap:var(--space-4)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-neutral-800);color:var(--color-neutral-300);transition:background-color var(--transition-fast),color var(--transition-fast)}.footer__social-link:hover{background-color:var(--color-primary-600);color:var(--color-neutral-0)}.footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-neutral-800);display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-neutral-500)}@media(min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}.section{padding:var(--space-16) 0}.section--sm{padding:var(--space-10) 0}.section--lg{padding:var(--space-24) 0}.section--primary{background-color:var(--color-primary-600);color:var(--color-neutral-0)}.section--light{background-color:var(--color-neutral-50)}.section--dark{background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.grid{display:grid;gap:var(--space-6)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}@media(min-width:640px){.grid--2,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid--3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid--4{grid-template-columns:repeat(4,1fr)}}.grid--gap-sm{gap:var(--space-4)}.grid--gap-lg{gap:var(--space-10)}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.hero{position:relative;padding:var(--space-20) 0 var(--space-20);background:linear-gradient(180deg,var(--color-primary-600) 0%,var(--color-primary-500) 15%,var(--color-primary-400) 45%,var(--color-primary-200) 65%,var(--color-primary-100) 90%,var(--color-neutral-0) 100%);color:var(--color-neutral-0)}.hero--lg{padding:var(--space-20) 0 var(--space-16)}.hero__content{position:relative;z-index:1;max-width:700px}.hero__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-2);letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.hero__subtitle{font-size:var(--font-size-base);opacity:.95;margin-bottom:var(--space-5);line-height:var(--line-height-relaxed);text-shadow:0 1px 2px rgba(0,0,0,.1)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__pattern{display:block;position:absolute;inset:-50%;width:200%;height:200%;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3C!-- 8-pointed star --%3E%3Cpath d='M40 8 L47 33 L72 40 L47 47 L40 72 L33 47 L8 40 L33 33 Z'/%3E%3Cpath d='M40 8 L47 33 L72 40 L47 47 L40 72 L33 47 L8 40 L33 33 Z' transform='rotate(45 40 40)'/%3E%3C!-- Connecting lines to create tessellation --%3E%3Cpath d='M8 40 L0 40 M72 40 L80 40 M40 8 L40 0 M40 72 L40 80'/%3E%3Cpath d='M33 33 L0 0 M47 33 L80 0 M47 47 L80 80 M33 47 L0 80' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;animation:pattern-waterfall 30s linear infinite}.hero__cursor{animation:blink 1s step-end infinite;font-weight:var(--font-weight-normal)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pattern-waterfall{0%{transform:translate(-25%,-25%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hero__pattern{animation:none}}.mosque-animation{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mosque-svg{position:absolute;bottom:8%}.mosque-1{left:-2%;width:140px;height:100px;bottom:15%}.mosque-2{left:8%;width:220px;height:160px}.mosque-3{left:28%;width:200px;height:145px;bottom:12%}.mosque-4{right:22%;width:380px;height:270px}.mosque-5{right:8%;width:170px;height:125px;bottom:14%}.mosque-6{right:-3%;width:210px;height:155px}.mosque-7{right:-12%;width:130px;height:95px;bottom:18%}.mosque-part{fill:none;stroke:#ffffff80;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}.mosque-1-parts{animation:mosque-appear 10s ease-in-out infinite;animation-delay:0s}.mosque-2-dome{animation:mosque-appear 10s ease-in-out infinite;animation-delay:.15s}.mosque-2-minaret{animation:mosque-appear 10s ease-in-out infinite;animation-delay:.25s}.mosque-3-parts{animation:mosque-appear 10s ease-in-out infinite;animation-delay:.4s}.mosque-4-dome{animation:mosque-appear 10s ease-in-out infinite;animation-delay:.6s}.mosque-4-minaret-left{animation:mosque-appear 10s ease-in-out infinite;animation-delay:.75s}.mosque-4-minaret-right{animation:mosque-appear 10s ease-in-out infinite;animation-delay:.9s}.mosque-5-parts{animation:mosque-appear 10s ease-in-out infinite;animation-delay:1.05s}.mosque-6-dome{animation:mosque-appear 10s ease-in-out infinite;animation-delay:1.2s}.mosque-6-minaret{animation:mosque-appear 10s ease-in-out infinite;animation-delay:1.3s}.mosque-7-parts{animation:mosque-appear 10s ease-in-out infinite;animation-delay:1.45s}@keyframes mosque-appear{0%,3%{opacity:0}10%,75%{opacity:1}90%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.mosque-part{animation:none;opacity:.5}}@media(max-width:1200px){.mosque-1{left:-5%;width:120px;height:85px}.mosque-2{left:5%;width:180px;height:130px}.mosque-3{left:22%;width:170px;height:120px}.mosque-4{right:15%;width:320px;height:230px}.mosque-5{right:3%;width:150px;height:110px}.mosque-6{right:-8%;width:180px;height:130px}.mosque-7{display:none}}@media(max-width:900px){.mosque-1{display:none}.mosque-2{left:2%;width:160px;height:115px}.mosque-3{left:18%;width:150px;height:105px}.mosque-4{right:12%;width:280px;height:200px}.mosque-5{right:0%;width:140px;height:100px}.mosque-6{right:-10%;width:160px;height:115px}}@media(max-width:768px){.mosque-2{display:none}.mosque-3{left:3%;width:140px;height:100px}.mosque-4{right:18%;width:240px;height:170px}.mosque-5{display:none}.mosque-6{right:-5%;width:150px;height:110px}}@media(max-width:640px){.mosque-3{display:none}.mosque-4{right:10%;width:200px;height:145px}.mosque-6{right:-8%;width:130px;height:95px}.mosque-part{stroke-width:2}}@media(min-width:768px){.hero{padding:var(--space-20) 0 var(--space-16)}.hero--lg{padding:var(--space-24) 0 var(--space-20)}.hero__title{font-size:var(--font-size-3xl)}.hero__subtitle{font-size:var(--font-size-lg)}}.two-col{display:grid;gap:var(--space-10);align-items:center}@media(min-width:768px){.two-col{grid-template-columns:1fr 1fr;gap:var(--space-16)}.two-col--reverse .two-col__content{order:2}.two-col--reverse .two-col__media{order:1}}.two-col__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:2px solid transparent}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn--primary{background-color:var(--color-primary-600);color:var(--color-neutral-0)}.btn--primary:hover{background-color:var(--color-primary-700)}.btn--primary:active{background-color:var(--color-primary-800)}.btn--secondary{background-color:var(--color-secondary-500);color:var(--color-neutral-900)}.btn--secondary:hover{background-color:var(--color-secondary-600)}.btn--secondary:active{background-color:var(--color-secondary-700)}.btn--outline{background-color:transparent;border-color:var(--color-primary-600);color:var(--color-primary-600)}.btn--outline:hover{background-color:var(--color-primary-600);color:var(--color-neutral-0)}.btn--ghost{background-color:transparent;color:var(--color-primary-600)}.btn--ghost:hover{background-color:var(--color-primary-50)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.card{background-color:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover}.card__content{padding:var(--space-6)}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-neutral-900)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--space-3)}.card__text{font-size:var(--font-size-base);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.card--bordered{box-shadow:none;border:1px solid var(--color-neutral-200)}.card--bordered:hover{box-shadow:none;border-color:var(--color-primary-300)}.info-box{padding:var(--space-6);border-radius:var(--radius-md);border-left:4px solid var(--color-primary-500);background-color:var(--color-primary-50)}.info-box__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-primary-700)}.info-box__text{color:var(--color-neutral-700)}.info-box--warning{border-left-color:var(--color-warning);background-color:#fff8e1}.info-box--warning .info-box__title{color:var(--color-secondary-700)}.link{color:var(--color-primary-600);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-700)}.link--subtle{text-decoration:none}.link--subtle:hover{text-decoration:underline}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--space-4)}.section-header__subtitle{font-size:var(--font-size-lg);color:var(--color-neutral-600);max-width:600px;margin-left:auto;margin-right:auto}.icon-text{display:flex;align-items:flex-start;gap:var(--space-4)}.icon-text__icon{flex-shrink:0;width:24px;height:24px;color:var(--color-primary-600)}.icon-text__content{flex:1}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge--secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-700)}.badge--neutral{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.divider{height:1px;background-color:var(--color-neutral-200);border:none;margin:var(--space-8) 0}.divider--thick{height:2px}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background-color:var(--color-neutral-0);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder{color:var(--color-neutral-400)}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px #ffebee}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--space-1)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-secondary-600)}.text-muted{color:var(--color-neutral-600)}.text-white{color:var(--color-neutral-0)}.bg-primary{background-color:var(--color-primary-600)}.bg-primary-light{background-color:var(--color-primary-50)}.bg-secondary{background-color:var(--color-secondary-500)}.bg-light{background-color:var(--color-neutral-50)}.bg-white{background-color:var(--color-neutral-0)}.bg-dark{background-color:var(--color-neutral-900)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}@media(min-width:768px){.md\:hidden{display:none}.md\:block{display:block}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.list-disc{list-style-type:disc;padding-left:var(--space-6)}.list-disc li{margin-bottom:var(--space-2)}.prayer-times{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-neutral-200)}.prayer-times th,.prayer-times td{padding:var(--space-4) var(--space-6);text-align:left}.prayer-times thead{background-color:var(--color-primary-600);color:var(--color-neutral-0)}.prayer-times th{font-weight:var(--font-weight-semibold)}.prayer-times tbody tr{border-bottom:1px solid var(--color-neutral-200)}.prayer-times tbody tr:last-child{border-bottom:none}.prayer-times tbody tr:nth-child(2n){background-color:var(--color-neutral-50)}.location-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-neutral-0);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200)}.location-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.location-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.location-card__badge{flex-shrink:0}.location-card__address{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.location-card__description{color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.team-card{text-align:center;padding:var(--space-6)}.team-card__image{width:150px;height:150px;border-radius:var(--radius-full);object-fit:cover;margin:0 auto var(--space-4);border:4px solid var(--color-primary-100)}.team-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.team-card__role{font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.feature-list{display:flex;flex-direction:column;gap:var(--space-6)}.feature-item{display:flex;gap:var(--space-4)}.feature-item__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--color-primary-100);color:var(--color-primary-600)}.feature-item__content{flex:1}.feature-item__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.feature-item__text{color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.quick-info{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-6);background-color:var(--color-neutral-50);border-radius:var(--radius-lg)}.quick-info__item{display:flex;align-items:center;gap:var(--space-3)}.quick-info__icon{color:var(--color-primary-600)}.quick-info__label{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.quick-info__value{font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.arabic{font-family:var(--font-family-arabic);font-size:1.2em;direction:rtl}.cta-section{position:relative;text-align:center;padding:var(--space-8) var(--space-6) var(--space-10);background:linear-gradient(180deg,var(--color-primary-600) 0%,var(--color-primary-500) 30%,var(--color-primary-300) 55%,var(--color-primary-100) 80%,var(--color-neutral-50) 100%);color:var(--color-neutral-0);border-radius:var(--radius-lg)}.cta-section__pattern-wrapper{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-lg);pointer-events:none}.cta-section__pattern{position:absolute;inset:-50%;width:200%;height:200%;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3C!-- 8-pointed star --%3E%3Cpath d='M40 8 L47 33 L72 40 L47 47 L40 72 L33 47 L8 40 L33 33 Z'/%3E%3Cpath d='M40 8 L47 33 L72 40 L47 47 L40 72 L33 47 L8 40 L33 33 Z' transform='rotate(45 40 40)'/%3E%3C!-- Connecting lines to create tessellation --%3E%3Cpath d='M8 40 L0 40 M72 40 L80 40 M40 8 L40 0 M40 72 L40 80'/%3E%3Cpath d='M33 33 L0 0 M47 33 L80 0 M47 47 L80 80 M33 47 L0 80' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;animation:pattern-waterfall 30s linear infinite}@media(prefers-reduced-motion:reduce){.cta-section__pattern{animation:none}}.cta-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.cta-section__text{font-size:var(--font-size-base);opacity:.95;max-width:500px;margin:0 auto var(--space-5);text-shadow:0 1px 2px rgba(0,0,0,.1)}.mailing-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:400px;margin:0 auto}.mailing-form__input{padding:var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base)}.mailing-form__input:focus{outline:2px solid var(--color-secondary-400);outline-offset:2px}@media(min-width:640px){.mailing-form{flex-direction:row;max-width:500px}.mailing-form__input{flex:1}}