:root{--color-primary: #0A3D2E;--color-primary-dark: #072A1F;--color-primary-light: #1B6B4C;--color-gold: #C8A84C;--color-gold-light: #E3C770;--color-gold-dark: #A68A3E;--color-dark: #0F1419;--color-cream: #F8F4ED;--color-white: #FFFFFF;--color-gray: #6B7280;--color-gray-light: #9CA3AF;--color-navy: #0F1D2E;--color-navy-dark: #080F1A;--color-copper: #C17E5A;--color-copper-light: #D4956A;--color-teal: #1A7A6D;--color-teal-light: #2AA396;--section-flow-1: #f8f4ed;--section-flow-2: #f9f5ef;--section-flow-3: #faf6f1;--section-flow-4: #fbf7f3;--section-flow-5: #fcf9f6;--font-heading: "Cinzel", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "Amiri", serif;--topbar-height: 40px;--navbar-height: 68px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-dark);background-color:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{text-decoration:none;color:inherit}ul{list-style:none}img,video{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}.topbar{position:fixed;top:0;left:0;right:0;z-index:1001;height:var(--topbar-height);background:#2e343a9e;backdrop-filter:blur(8px);border-bottom:1px solid rgba(235,240,245,.18);transition:transform var(--transition-medium),opacity var(--transition-medium)}.topbar--scrolled{transform:translateY(-100%);opacity:0;pointer-events:none}.topbar__container{max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.topbar__left,.topbar__right{display:flex;align-items:center;gap:.75rem}.topbar__item{display:inline-flex;align-items:center;gap:.4rem;color:#f1f5f9e6;font-size:.78rem;font-weight:400;letter-spacing:.02em;transition:color var(--transition-fast)}.topbar__item:hover{color:#fffffffa}.topbar__item--gold{color:var(--color-gold-light);font-weight:700}.topbar__icon{width:13px;height:13px;flex-shrink:0}.topbar__divider{color:#e2e8f073;font-size:.7rem;user-select:none}.navbar{position:fixed;top:var(--topbar-height);left:0;right:0;z-index:1000;height:var(--navbar-height);background:transparent;transition:top var(--transition-medium),background-color var(--transition-medium),box-shadow var(--transition-medium)}.navbar--scrolled{top:0;background-color:var(--color-primary-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 4L44 24L24 44L4 24Z' fill='none' stroke='%23ffffff' stroke-width='0.6' opacity='0.06'/%3E%3Cpath d='M24 12L36 24L24 36L12 24Z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.04'/%3E%3Cpath d='M0 0L4 4M44 4L48 0M0 48L4 44M44 44L48 48' fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.04'/%3E%3Cpath d='M24 0L24 4M48 24L44 24M24 48L24 44M0 24L4 24' fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.04'/%3E%3C/svg%3E");background-size:48px 48px;box-shadow:0 4px 30px #0000004d}.navbar__container{max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:.75rem;color:var(--color-white);transition:color var(--transition-medium)}.navbar--scrolled .navbar__logo{color:var(--color-white)}.navbar__logo-icon{width:38px;height:42px}.navbar__logo-text{display:flex;flex-direction:column;line-height:1}.navbar__logo-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;letter-spacing:.06em}.navbar__logo-sub{font-family:var(--font-heading);font-size:.7rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;opacity:.75}.navbar__links{display:none}.navbar__actions{display:flex;align-items:center;gap:.95rem}.navbar__prayer{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ffffffe0;border:1px solid rgba(255,255,255,.28);background:#ffffff0f;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.navbar__prayer:hover,.navbar__prayer--active{color:var(--color-gold-light);border-color:#c8a84c73;background:#c8a84c24}.navbar__donate{display:inline-flex;align-items:center;justify-content:center;padding:.36rem 1.25rem;background:var(--color-gold);color:var(--color-white);font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:0;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.navbar__donate:hover{background:var(--color-gold-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c8a84c66}.navbar__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0;transition:transform var(--transition-fast)}.navbar__hamburger:hover{transform:scale(1.03)}.navbar__hamburger span{display:block;width:100%;height:2px;background:var(--color-white);border-radius:2px;transition:transform var(--transition-medium),opacity var(--transition-fast),background var(--transition-medium)}.navbar--scrolled .navbar__hamburger span{background:var(--color-white)}.navbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.body--menu-open{overflow:hidden}.menu-overlay{position:fixed;inset:0;z-index:1190;background:#040a1261;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--transition-medium),backdrop-filter var(--transition-medium)}.menu-overlay--open{opacity:1;pointer-events:auto}.menu-panel{position:fixed;top:0;right:0;z-index:1200;width:clamp(320px,25vw,460px);height:100dvh;padding:1.25rem 1.4rem 1.5rem;border-left:1px solid rgba(200,168,76,.2);box-shadow:-24px 0 48px #00000057;overflow-y:auto;background-color:var(--color-primary-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 4L44 24L24 44L4 24Z' fill='none' stroke='%23ffffff' stroke-width='0.6' opacity='0.06'/%3E%3Cpath d='M24 12L36 24L24 36L12 24Z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.04'/%3E%3Cpath d='M0 0L4 4M44 4L48 0M0 48L4 44M44 44L48 48' fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.04'/%3E%3Cpath d='M24 0L24 4M48 24L44 24M24 48L24 44M0 24L4 24' fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.04'/%3E%3C/svg%3E");background-size:48px 48px;transform:translate(100%);transition:transform var(--transition-medium)}.menu-panel--open{transform:translate(0)}.menu-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.menu-panel__title{font-family:var(--font-heading);font-size:.84rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1}.menu-panel__close{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ffffffe0;border:1px solid rgba(255,255,255,.24);background:#ffffff12;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.menu-panel__close:hover{color:var(--color-gold-light);border-color:#c8a84c66;background:#c8a84c1f}.menu-panel__links{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1.25rem}.menu-panel__links li{border-bottom:1px solid rgba(255,255,255,.09)}.menu-panel__link,.menu-panel__parent{display:block;width:100%;text-align:left;padding:.8rem .2rem;color:#ffffffdb;font-size:1rem;font-weight:500;letter-spacing:.03em;border:none;background:transparent;border-radius:0;transition:color var(--transition-fast),transform var(--transition-fast)}.menu-panel__parent{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.menu-panel__link:hover,.menu-panel__parent:hover,.menu-panel__link--active,.menu-panel__parent--active{color:var(--color-gold-light);transform:translate(4px)}.menu-panel__chevron{transition:transform var(--transition-fast)}.menu-panel__chevron--open{transform:rotate(180deg)}.menu-panel__sub{list-style:none;max-height:0;overflow:hidden;transition:max-height var(--transition-medium)}.menu-panel__sub--open{max-height:300px}.menu-panel__sublink{display:block;padding:.62rem .2rem .62rem 1.25rem;color:#ffffffb8;font-size:.9rem;border-radius:0;transition:color var(--transition-fast),transform var(--transition-fast)}.menu-panel__sublink:hover,.menu-panel__sublink--active{color:#fffffff5;transform:translate(3px)}.menu-panel__donate{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.85rem 1.4rem;background:var(--color-gold);color:var(--color-white);font-weight:700;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;transition:background var(--transition-fast),transform var(--transition-fast)}.menu-panel__donate:hover{background:var(--color-gold-dark);transform:translateY(-1px)}.menu-panel__extras{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:1rem}.menu-panel__meta-title{font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin-bottom:.45rem}.menu-panel__contact-link{display:block;font-size:.9rem;color:#ffffffe0;line-height:1.8;transition:color var(--transition-fast)}.menu-panel__contact-link:hover{color:var(--color-gold-light)}.menu-panel__verse-text{font-family:var(--font-body);font-size:.9rem;line-height:1.6;color:#ffffffe0}.menu-panel__verse-ref{display:inline-block;margin-top:.35rem;font-size:.8rem;color:#ffffff9e}.hero{position:relative;width:100%;height:100vh;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#072a1f,#0a3d2e,#0f5238,#0a3d2e,#051a14)}.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to right,#072a1fc7,#072a1f9c 45%,#0a3d2e4f);z-index:1}.hero__pattern{position:absolute;inset:0;z-index:2;opacity:.06;background-image:radial-gradient(circle at 25% 25%,var(--color-gold) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--color-gold) 1px,transparent 1px);background-size:60px 60px}.hero__content{position:relative;z-index:3;text-align:left;width:100%;max-width:1280px;margin:0 auto;padding:0 2rem;animation:heroFadeIn 1.2s ease-out}.hero__bismillah{font-family:var(--font-arabic);font-size:1.5rem;color:var(--color-gold-light);margin-bottom:1.25rem;opacity:.9}.hero__title{font-family:var(--font-heading);font-size:clamp(3.2rem,8vw,5.5rem);font-weight:700;color:var(--color-white);line-height:1.05;letter-spacing:.01em;margin-bottom:1.5rem;max-width:650px}.hero__title-accent{color:var(--color-gold);font-style:italic}.hero__divider{width:80px;height:2px;margin:0 0 1.5rem;background:var(--color-gold)}.hero__tagline{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.2rem);color:#fffc;font-weight:300;letter-spacing:.03em;margin-bottom:2.5rem;max-width:500px;line-height:1.7}.hero__actions{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.25rem;font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:0;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.hero__btn--primary{background:var(--color-gold);color:var(--color-white)}.hero__btn--primary:hover{background:var(--color-gold-dark);transform:translateY(-2px);box-shadow:0 6px 20px #c8a84c66}.hero__btn--outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.4)}.hero__btn--outline:hover{border-color:var(--color-white);background:#ffffff1a;transform:translateY(-2px)}.hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__scroll-text{font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:scrollPulse 2s ease-in-out infinite}.section-label{display:inline-block;font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-light);margin-bottom:.75rem}.section-label--dark{color:var(--color-gold-dark)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;color:var(--color-primary-dark);line-height:1.15;margin-bottom:1.25rem}.section-title--light{color:var(--color-white)}.section-ornament{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.75rem}.section-ornament__line{width:50px;height:1px;background:linear-gradient(to right,transparent,var(--color-gold-light))}.section-ornament__line:last-child{background:linear-gradient(to left,transparent,var(--color-gold-light))}.section-ornament__diamond{width:8px;height:8px;background:var(--color-gold);transform:rotate(45deg);flex-shrink:0}.section-ornament--dark .section-ornament__line{background:linear-gradient(to right,transparent,var(--color-gold-dark))}.section-ornament--dark .section-ornament__line:last-child{background:linear-gradient(to left,transparent,var(--color-gold-dark))}.section-ornament--dark .section-ornament__diamond{background:var(--color-gold-dark)}.mission{position:relative;padding:4rem 0;background-color:var(--color-primary-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5L35 25L55 30L35 35L30 55L25 35L5 30L25 25Z' fill='none' stroke='%23C8A84C' stroke-width='0.5' opacity='0.06'/%3E%3Ccircle cx='30' cy='30' r='12' fill='none' stroke='%23C8A84C' stroke-width='0.3' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(160deg,var(--color-primary-dark) 0%,#051A14 50%,var(--color-primary-dark) 100%);background-size:60px 60px,100% 100%;overflow:hidden}.mission__container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 2rem}.mission__text{text-align:center;margin-bottom:2rem}.mission__body{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem}.mission__paragraph{font-size:.95rem;color:#ffffffb8;line-height:1.85}.mission__image-wrap{max-width:700px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #0000004d}.mission__image{width:100%;height:260px;object-fit:cover;display:block}.highlights{position:relative;padding:5rem 0;background-color:var(--section-flow-1);overflow:hidden}.highlights__container{max-width:1280px;margin:0 auto;padding:0 2rem}.highlights__header{text-align:center;margin-bottom:2.5rem}.highlights__container--wide{max-width:1340px}.cal-layout{display:grid;grid-template-columns:260px 1fr;gap:0;border-radius:4px;overflow:hidden;box-shadow:0 2px #c8a84c40,0 12px 50px #0a3d2e1a;border:1.5px solid rgba(200,168,76,.35)}.cal-sidebar{background:linear-gradient(180deg,var(--color-primary-dark) 0%,#051A14 100%);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid rgba(200,168,76,.15)}.cal-sidebar__section{display:flex;flex-direction:column;gap:.6rem}.cal-sidebar__title{font-family:var(--font-heading);font-size:.68rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.12em}.cal-sidebar__stat{display:flex;align-items:baseline;gap:.4rem;padding:.6rem;background:#c8a84c14;border-radius:8px;border:1px solid rgba(200,168,76,.15)}.cal-sidebar__stat-num{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-gold)}.cal-sidebar__stat-label{font-family:var(--font-body);font-size:.7rem;color:#ffffff80}.cal-sidebar__upcoming{display:flex;flex-direction:column;gap:.35rem;max-height:248px;overflow-y:auto;padding-right:.25rem}.cal-upcoming{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:6px;border:none;background:#ffffff08;cursor:pointer;transition:all .2s ease;text-align:left}.cal-upcoming:hover{background:#c8a84c14}.cal-upcoming__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cal-upcoming__info{display:flex;flex-direction:column;min-width:0}.cal-upcoming__name{font-family:var(--font-body);font-size:.72rem;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-upcoming__meta{font-family:var(--font-body);font-size:.6rem;color:#fff6}.cal-sidebar__section--quote{margin-top:auto;padding:1.25rem 1rem;background:#c8a84c0f;border-radius:8px;border:1px solid rgba(200,168,76,.12);text-align:center;opacity:0;min-height:188px;display:flex;flex-direction:column;justify-content:center;transition:opacity .4s ease}.cal-sidebar__quote--visible{opacity:1}.cal-sidebar__quote-mark{font-family:var(--font-arabic);font-size:2rem;line-height:1;color:var(--color-gold);opacity:.5;margin-bottom:.35rem}.cal-sidebar__quote-text{font-family:var(--font-body);font-size:.74rem;font-style:italic;color:#ffffffbf;line-height:1.6;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cal-sidebar__quote-ref{display:block;font-family:var(--font-heading);font-size:.6rem;font-weight:700;color:var(--color-gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.cal-sidebar__quote-dots{display:flex;align-items:center;justify-content:center;gap:.35rem}.cal-sidebar__quote-dot{width:5px;height:5px;border-radius:50%;background:#fff3;transition:all .3s ease}.cal-sidebar__quote-dot--active{background:var(--color-gold);transform:scale(1.3)}.cal-layout .cal{border:none;border-radius:0;box-shadow:none;max-width:none;width:100%;margin:0}.cal{position:relative;max-width:960px;margin:0 auto;background:linear-gradient(180deg,#051a1408,#f8f4ed 4%);border-radius:4px;box-shadow:0 2px #c8a84c40,0 12px 50px #0a3d2e1a;overflow:hidden;border:1.5px solid rgba(200,168,76,.35)}.cal__corner{position:absolute;width:32px;height:32px;z-index:5;pointer-events:none}.cal__corner svg{width:100%;height:100%}.cal__corner--tl{top:5px;left:5px}.cal__corner--tr{top:5px;right:5px}.cal__corner--bl{bottom:5px;left:5px}.cal__corner--br{bottom:5px;right:5px}.cal__pattern{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath d='M25 5L28 22L45 25L28 28L25 45L22 28L5 25L22 22Z' fill='none' stroke='%230A3D2E' stroke-width='0.6'/%3E%3Ccircle cx='25' cy='25' r='15' fill='none' stroke='%230A3D2E' stroke-width='0.3'/%3E%3C/svg%3E");background-size:50px 50px}.cal__nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--color-primary-dark) 0%,#072A1F 50%,#051A14 100%);background-size:100%}.cal__nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.cal__nav-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(200,168,76,.35);background:transparent;color:var(--color-gold);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.cal__nav-btn:hover:not(:disabled){background:#c8a84c26;border-color:var(--color-gold);transform:scale(1.08)}.cal__nav-btn:disabled{opacity:.25;cursor:not-allowed}.cal__nav-center{display:flex;flex-direction:column;align-items:center;gap:.3rem}.cal__nav-star{display:block}.cal__range{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--color-white);letter-spacing:.06em}.cal__nav-divider{display:flex;align-items:center;gap:.5rem;width:140px}.cal__nav-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,76,.5),transparent)}.cal__header{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-primary-dark);border-bottom:1px solid rgba(200,168,76,.15)}.cal__dow{text-align:center;padding:.55rem 0;font-family:var(--font-heading);font-size:.68rem;font-weight:700;color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em}.cal__dow--fri{color:var(--color-gold)}.cal__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-cream)}.cal__agenda{display:none}.cal__cell{position:relative;min-height:115px;padding:.6rem .55rem;border-right:1px solid rgba(10,61,46,.06);border-bottom:1px solid rgba(10,61,46,.06);transition:all .3s cubic-bezier(.16,1,.3,1)}.cal__cell:nth-child(7n){border-right:none}.cal__cell:nth-last-child(-n+7){border-bottom:none}.cal__cell--empty{background:#00000004;pointer-events:none}.cal__cell--past{opacity:.35;background:#00000003}.cal__cell--friday{background:#c8a84c08}.cal__cell--today{background:#c8a84c0f;box-shadow:inset 0 3px 0 var(--color-gold)}.cal__cell--today .cal__date{background:var(--color-gold);color:var(--color-primary-dark);box-shadow:0 2px 10px #c8a84c59;font-weight:800}.cal__today-label{display:block;font-family:var(--font-heading);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-gold-dark);margin-bottom:.2rem}.cal__cell--has-event:not(.cal__cell--past):hover{background:#0a3d2e0a;transform:scale(1.02);z-index:2;box-shadow:0 4px 16px #0a3d2e14}.cal__date{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:.2rem;transition:all .25s ease}.cal__events{display:flex;flex-direction:column;gap:.2rem}.cal__event{display:flex;align-items:center;gap:.3rem;padding:.2rem .4rem;border-radius:4px;border:none;border-left:2.5px solid transparent;cursor:pointer;text-align:left;font-family:var(--font-body);transition:all .25s cubic-bezier(.16,1,.3,1);color:var(--color-primary-dark)}.cal__event:hover{transform:translate(2px);box-shadow:0 2px 8px #0000000f}.cal__event-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cal__event--weekly{background:#c8a84c1f;border-left-color:var(--color-gold)}.cal__event--youth{background:#4a90d91a;border-left-color:#4a90d9}.cal__event--community{background:#6bbf6a1a;border-left-color:#6bbf6a}.cal__event--education{background:#d97b4a1a;border-left-color:#d97b4a}.cal__event--sisters{background:#b968c71a;border-left-color:#b968c7}.cal__event--upcoming{background:#e85d751a;border-left-color:#e85d75}.cal__event--weekly .cal__event-dot{background:var(--color-gold)}.cal__event--youth .cal__event-dot{background:#4a90d9}.cal__event--community .cal__event-dot{background:#6bbf6a}.cal__event--education .cal__event-dot{background:#d97b4a}.cal__event--sisters .cal__event-dot{background:#b968c7}.cal__event--upcoming .cal__event-dot{background:#e85d75}.cal__event-title{font-size:.6rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal__agenda-empty{padding:2rem;text-align:center;font-size:.85rem;color:var(--color-gray)}.cal__agenda-day{display:flex;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(10,61,46,.06)}.cal__agenda-day--today{background:#c8a84c0f}.cal__agenda-date{display:flex;flex-direction:column;align-items:center;min-width:44px;padding-top:.15rem}.cal__agenda-date-num{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-primary-dark);line-height:1}.cal__agenda-day--today .cal__agenda-date-num{color:var(--color-gold)}.cal__agenda-date-label{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-family:var(--font-body);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray)}.cal__agenda-today-badge{font-size:.5rem;font-weight:700;color:var(--color-gold);background:#c8a84c1f;padding:.1rem .35rem;border-radius:3px}.cal__agenda-events{flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.cal__agenda-event{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;font-family:var(--font-body);transition:all .25s ease;background:var(--color-white)!important;box-shadow:0 1px 4px #0000000a}.cal__agenda-event:hover{transform:translate(2px);box-shadow:0 2px 8px #00000014}.cal__agenda-event-time{font-size:.72rem;font-weight:700;color:var(--color-primary-dark);min-width:60px;white-space:nowrap}.cal__agenda-event-info{flex:1;min-width:0}.cal__agenda-event-title{display:block;font-size:.82rem;font-weight:600;color:var(--color-primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal__agenda-event-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray)}.cal__agenda-event-arrow{color:var(--color-gold);flex-shrink:0;opacity:.5;transition:opacity .2s ease}.cal__agenda-event:hover .cal__agenda-event-arrow{opacity:1}.cal__footer{position:relative;z-index:1;padding:.75rem 1.5rem;background:#0a3d2e08;border-top:1px solid rgba(10,61,46,.06)}.cal__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:center}.cal__legend-item{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.65rem;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.06em}.cal__legend-dot{width:8px;height:8px;border-radius:50%}.cal-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#051a1499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:calFadeIn .3s ease;padding:1rem}@keyframes calFadeIn{0%{opacity:0}to{opacity:1}}.cal-modal__card{position:relative;background:var(--color-cream);border-radius:16px;max-width:440px;width:100%;box-shadow:0 0 0 1.5px #c8a84c4d,0 24px 80px #00000040;overflow:hidden;animation:calSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes calSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cal-modal__arch{position:relative;height:52px;display:flex;align-items:center;justify-content:center}.cal-modal__arch>svg:first-child{position:absolute;inset:0;width:100%;height:100%}.cal-modal__arch-star{position:relative;z-index:1;margin-top:8px}.cal-modal__close{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border-radius:50%;border:1px solid rgba(200,168,76,.3);background:#c8a84c1a;color:var(--color-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:3}.cal-modal__close:hover{background:#c8a84c40;transform:rotate(90deg)}.cal-modal__body{padding:1.75rem 2rem 2rem}.cal-modal__tag{display:inline-block;padding:.25rem .85rem;font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:20px;color:var(--color-primary-dark);margin-bottom:.5rem}.cal-modal__tag--weekly{background:#c8a84c26}.cal-modal__tag--youth{background:#4a90d91f}.cal-modal__tag--community{background:#6bbf6a1f}.cal-modal__tag--education{background:#d97b4a1f}.cal-modal__tag--sisters{background:#b968c71f}.cal-modal__tag--upcoming{background:#e85d751f}.cal-modal__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.5rem}.cal-modal__divider{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.cal-modal__divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,76,.4),transparent)}.cal-modal__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.cal-modal__date,.cal-modal__time{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.85rem;color:var(--color-gray)}.cal-modal__date svg,.cal-modal__time svg{color:var(--color-gold)}.cal-modal__desc{font-family:var(--font-body);font-size:.95rem;color:var(--color-gray);line-height:1.75;margin-bottom:1.5rem}.cal-modal__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #0a3d2e33}.cal-modal__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a3d2e4d;gap:.7rem}.ramadan{--ramadan-progress: 0;--ramadan-side-margin: clamp(1.25rem, 7vw, 7rem);--ramadan-side-inset: calc((1 - var(--ramadan-progress)) * var(--ramadan-side-margin));--ramadan-radius: calc((1 - var(--ramadan-progress)) * 24px);position:relative;padding:1rem 0 2.2rem;background:linear-gradient(180deg,var(--section-flow-1) 0%,var(--section-flow-2) 100%);overflow:hidden}.ramadan__frame{position:relative;min-height:clamp(200px,24vw,300px);clip-path:inset(0 var(--ramadan-side-inset) round var(--ramadan-radius));transition:clip-path .18s linear;box-shadow:0 16px 45px #072a1f47,0 0 0 1px #c8a84c33}.ramadan__image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1 + (var(--ramadan-progress) * .2)));transform-origin:center;transition:transform .18s linear}.ramadan__overlay{position:absolute;inset:0;background:linear-gradient(110deg,#051a14b8 4%,#072a1f94 40%,#072a1f61 64%,#072a1fa8);z-index:1}.ramadan__glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 78% 22%,#e3c77047,#e3c77000 38%),radial-gradient(circle at 12% 86%,#2aa39633,#2aa39600 45%)}.ramadan__content{position:absolute;inset:0;z-index:2;width:min(760px,100%);display:flex;flex-direction:column;justify-content:flex-end;gap:.95rem;padding:clamp(2rem,6vw,4rem) clamp(1.25rem,6vw,4.5rem)}.ramadan__title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.08;color:var(--color-white);text-shadow:0 8px 24px rgba(0,0,0,.35);position:relative;overflow:hidden}.ramadan__title-main{display:inline-block}.ramadan__content .ramadan__title:after{content:"";position:absolute;top:52%;left:-45%;width:42%;height:1.5px;opacity:0;background:linear-gradient(90deg,#fff0,#fffffff5,#fff0)}.ramadan:not(.ramadan--revealed) .ramadan__content .section-label,.ramadan:not(.ramadan--revealed) .ramadan__content .ramadan__btn{opacity:0;transform:translateY(10px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.ramadan:not(.ramadan--revealed) .ramadan__content .ramadan__title-main{opacity:0;filter:blur(6px);transform:translate(-58px);transition:opacity .75s cubic-bezier(.16,1,.3,1),filter .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.ramadan.ramadan--revealed .ramadan__content .section-label{opacity:1;transform:translateY(0)}.ramadan.ramadan--revealed .ramadan__content .ramadan__title-main{opacity:1;filter:blur(0);transform:translate(0)}.ramadan.ramadan--revealed .ramadan__content .ramadan__title:after{animation:ramadanTextSweep .75s ease-out .15s both}.ramadan.ramadan--revealed .ramadan__content .ramadan__btn{opacity:1;transform:translateY(0);transition-delay:.18s}.ramadan__text{font-family:var(--font-body);font-size:1rem;line-height:1.75;color:#ffffffe0;max-width:52ch}.ramadan__meta{font-family:var(--font-heading);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-light)}.ramadan__btn{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;padding:.78rem 1.35rem;background:var(--color-gold);color:var(--color-white);font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:0;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),gap var(--transition-fast)}.ramadan__btn:hover{background:var(--color-gold-dark);transform:translateY(-1px);gap:.6rem;box-shadow:0 10px 24px #0a3d2e47}.prayer-section{position:relative;overflow:hidden;background:var(--section-flow-2);padding:2rem 0}.prayer-section__bg{max-width:1200px;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 8px 40px #00000059,0 0 0 1px #c8a84c1a}.prayer-section__inner{display:grid;grid-template-columns:1.15fr 1fr;height:auto}.prayer-section__left{position:relative;overflow:hidden;background:var(--color-primary-dark)}.prayer-section__pattern{position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 5L44 32L71 40L44 48L40 75L36 48L9 40L36 32Z' fill='none' stroke='%23C8A84C' stroke-width='0.4'/%3E%3Ccircle cx='40' cy='40' r='14' fill='none' stroke='%23C8A84C' stroke-width='0.3'/%3E%3C/svg%3E");background-size:80px 80px}.prayer-section__quote{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:100%}.prayer-quote__crescent{width:44px;height:44px;margin-bottom:1.25rem;color:var(--color-gold);opacity:.8}.prayer-quote__arabic{font-family:var(--font-arabic);font-size:1.4rem;line-height:2;color:var(--color-gold-light);margin-bottom:1.25rem;direction:rtl}.prayer-quote__divider{width:60px;height:2px;margin:0 auto 1.25rem;background:linear-gradient(to right,transparent,var(--color-gold),transparent)}.prayer-quote__english{font-family:var(--font-body);font-size:1rem;font-weight:300;font-style:italic;color:#ffffffe6;line-height:1.8;margin-bottom:1rem;max-width:400px}.prayer-quote__ref{font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--color-gold);letter-spacing:.1em;text-transform:uppercase}.prayer-widget{position:relative;background:var(--color-primary-dark);border:none;border-radius:0;padding:1rem 0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.pw-corner{position:absolute;width:30px;height:30px;z-index:2;pointer-events:none}.pw-corner svg{width:100%;height:100%}.pw-corner--tl{top:5px;left:5px}.pw-corner--tr{top:5px;right:5px;transform:rotate(90deg)}.pw-corner--bl{bottom:5px;left:5px;transform:rotate(-90deg)}.pw-corner--br{bottom:5px;right:5px;transform:rotate(180deg)}.pw-header{text-align:center;padding:.85rem 1.25rem .45rem}.pw-star{margin:0 auto .25rem;display:block}.pw-title{font-family:var(--font-arabic);font-size:1.2rem;font-weight:700;color:var(--color-gold);margin-bottom:.15rem}.pw-location{font-family:var(--font-body);font-size:.75rem;color:#ffffff73;margin-bottom:.5rem}.pw-date-box{display:inline-flex;flex-direction:column;gap:.1rem;padding:.45rem 1.25rem;background:#c8a84c14;position:relative}.pw-date-box:before,.pw-date-box:after{content:"";position:absolute;width:8px;height:8px;background:linear-gradient(135deg,var(--color-gold) 50%,transparent 50%);transform:rotate(45deg);left:50%;margin-left:-4px}.pw-date-box:before{top:-4px}.pw-date-box:after{bottom:-4px}.pw-greg-date{font-family:var(--font-body);font-size:.8rem;color:#ffffffd9}.pw-hijri-date{font-family:var(--font-arabic);font-size:.78rem;color:var(--color-gold)}.pw-clock{font-family:var(--font-body);font-size:.72rem;color:var(--color-gold);margin-top:.25rem}.pw-days{display:flex;gap:.25rem;justify-content:center;padding:.45rem 1rem}.pw-day{display:flex;flex-direction:column;align-items:center;justify-content:center;width:2.4rem;height:2.7rem;border-radius:4px;border:1px solid rgba(200,168,76,.25);background:transparent;color:#ffffffd9;cursor:pointer;font-family:var(--font-body);transition:all .25s ease}.pw-day:hover{background:#c8a84c26}.pw-day--today{background:#c8a84c14}.pw-day--active{background:var(--color-gold);color:var(--color-primary-dark);border-color:var(--color-gold)}.pw-day__name{font-size:.55rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.pw-day__num{font-size:.8rem;font-weight:700}.pw-divider{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.25rem}.pw-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.pw-table{padding:.65rem 1.25rem .45rem}.pw-table__head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding-bottom:.5rem;margin-bottom:.35rem;border-bottom:1px solid rgba(200,168,76,.2)}.pw-table__head span{font-family:var(--font-arabic);font-size:.72rem;font-weight:700;color:var(--color-gold)}.pw-table__head span:nth-child(2){text-align:center}.pw-table__head span:nth-child(3){text-align:right}.pw-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;align-items:center;padding:.42rem .65rem;border-radius:4px;border-left:3px solid transparent;border-right:3px solid transparent;background:linear-gradient(90deg,#c8a84c08,#c8a84c0f,#c8a84c08);margin-bottom:.2rem;transition:all .3s ease;position:relative}.pw-row:before,.pw-row:after{content:"";position:absolute;top:50%;width:6px;height:6px;background:var(--color-gold);transform:translateY(-50%) rotate(45deg);opacity:0;transition:opacity .3s ease}.pw-row:before{left:-7px}.pw-row:after{right:-7px}.pw-row--active{background:linear-gradient(90deg,#c8a84c33,#c8a84c59,#c8a84c33);border-left-color:var(--color-gold);border-right-color:var(--color-gold);box-shadow:0 0 20px #c8a84c26}.pw-row--active:before,.pw-row--active:after{opacity:1}.pw-row__name{display:flex;flex-direction:column}.pw-row__en{font-family:var(--font-arabic);font-size:.85rem;font-weight:700;color:#ffffffe6}.pw-row__ar{font-family:var(--font-body);font-size:.62rem;color:#fff6}.pw-row__time{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:#ffffffe6;text-align:center}.pw-row__time:last-child{text-align:right}.pw-row__time--gold{color:var(--color-gold)}.pw-row__time--muted{color:#ffffff59;font-weight:400}.pw-footer{text-align:center;padding:.35rem 1.25rem .75rem}.pw-footer__method{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.65rem;color:#fff6;letter-spacing:.03em;margin-bottom:.35rem}.pw-footer__next{font-family:var(--font-arabic);font-size:.8rem;color:#ffffffd9}.services{position:relative;padding:7rem 0;background-color:var(--section-flow-3);overflow:hidden}.services__container{max-width:none;margin:0 auto;padding:0 clamp(1rem,2vw,1.5rem)}.services__header{text-align:center;margin-bottom:3.5rem}.services__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.services__grid .service-card:nth-child(-n+3){grid-column:span 2}.services__grid .service-card:nth-child(n+4){grid-column:span 3}.service-card{position:relative;border-radius:4px;overflow:hidden;height:390px;cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #0003}.service-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-card__img{transform:scale(1.08)}.service-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#051a140d,#051a1433 35%,#051a14d9);transition:background .5s ease}.service-card:hover .service-card__overlay{background:linear-gradient(180deg,#051a141a,#051a144d 30%,#051a14eb)}.service-card__content{position:absolute;bottom:0;left:0;right:0;padding:1.75rem;z-index:1;display:flex;flex-direction:column;gap:.35rem}.service-card__tag{display:inline-block;width:fit-content;font-family:var(--font-body);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-gold);padding:.2rem .65rem;border:1px solid rgba(200,168,76,.4);border-radius:3px;margin-bottom:.15rem}.service-card__title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-white);line-height:1.2}.service-card__desc{font-size:.85rem;color:#ffffffb3;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--color-gold);letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:all .4s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-card__cta{opacity:1;transform:translateY(0)}.bulletin{position:relative;padding:5rem 0;background-color:var(--section-flow-5);overflow:hidden}.bulletin__container{max-width:none;margin:0 auto;padding:0 clamp(1rem,2vw,1.5rem)}.bulletin__header{text-align:center;margin-bottom:2.5rem}.bulletin-board{position:relative;padding:2.6rem 2.1rem 2.1rem;border-radius:4px;background:linear-gradient(145deg,#94633f,#7c5335);box-shadow:0 28px 50px #251a1047,inset 0 1px #ffffff24}.bulletin-board:before{content:"";position:absolute;inset:14px;border-radius:4px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.18) 0 2px,transparent 2px) 0 0 / 24px 24px,radial-gradient(circle at 68% 65%,rgba(60,39,22,.08) 0 1.5px,transparent 2px) 0 0 / 18px 18px,linear-gradient(155deg,#d6a46f,#c78e5f 38%,#ba8255);box-shadow:inset 0 1px #ffffff3d,inset 0 -10px 28px #53301b2e}.bulletin-board__label{position:absolute;top:.8rem;left:50%;z-index:3;transform:translate(-50%);padding:.35rem 1rem;border-radius:999px;background:#080f1ae0;color:#ffffffe6;font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 14px #00000040}.bulletin-board__label:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6cf 0 20%,#d6a448 35%,#9a6a1a);box-shadow:0 2px #0000003d,0 4px 8px #0003}.bulletin-board__notes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.bulletin-note{--note-tilt: -1deg;position:relative;border-radius:4px;padding:1.5rem 1.35rem 1.2rem;border:1px solid rgba(25,35,46,.1);box-shadow:0 14px 24px #2d1e142e,0 2px #603e2824;display:flex;flex-direction:column;min-height:245px;transform:rotate(var(--note-tilt));transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.bulletin-note:nth-child(4n+1){--note-tilt: -1.8deg}.bulletin-note:nth-child(4n+2){--note-tilt: 1.3deg}.bulletin-note:nth-child(4n+3){--note-tilt: -.8deg}.bulletin-note:nth-child(4n+4){--note-tilt: 1.8deg}.bulletin-note:hover{transform:translateY(-6px) rotate(0);box-shadow:0 18px 30px #22171033,0 2px #603e2826}.bulletin-note__pin{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff7db 0 20%,#d9a64a 34%,#9d6c1a);box-shadow:0 2px #0000003d,0 6px 10px #0000002e}.bulletin-note__pin:after{content:"";position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:#fff6}.bulletin-note--sand{background:#fffdf6}.bulletin-note--mint{background:#f4fbf5}.bulletin-note--sky{background:#f3f8ff}.bulletin-note--rose{background:#fff6f2}.bulletin-note__category{display:inline-block;align-self:flex-start;font-family:var(--font-heading);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-gold-dark);background:#c8a84c24;padding:.24rem .72rem;border-radius:20px;margin-bottom:.8rem}.bulletin-note__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.55rem;line-height:1.4}.bulletin-note__excerpt{font-size:.88rem;color:var(--color-gray);line-height:1.65;flex:1;margin-bottom:1.1rem}.bulletin-note__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.85rem;border-top:1px dashed rgba(10,61,46,.16)}.bulletin-note__date{font-size:.78rem;color:#334155e6;font-weight:500}.bulletin-note__link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-heading);font-size:.8rem;font-weight:600;color:var(--color-primary);letter-spacing:.02em;transition:color .2s;cursor:pointer}.bulletin-note__link:hover{color:var(--color-gold-dark)}.contribute{--contribute-progress: 0;--contribute-side-margin: clamp(.85rem, 4vw, 3.25rem);--contribute-side-inset: calc((1 - var(--contribute-progress)) * var(--contribute-side-margin));--contribute-radius: calc((1 - var(--contribute-progress)) * 16px);position:relative;padding:4rem 0;overflow:hidden}.contribute__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 var(--contribute-side-inset) round var(--contribute-radius));z-index:0;transition:clip-path .18s linear}.contribute__overlay{position:absolute;inset:0;z-index:1;clip-path:inset(0 var(--contribute-side-inset) round var(--contribute-radius));background:linear-gradient(160deg,#072a1feb,#0a3d2ee0,#051a14f0);transition:clip-path .18s linear}.contribute__container{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 2rem}.contribute__header{text-align:center;margin-bottom:2rem}.contribute__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.contribute-card{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:2rem 1.5rem;text-align:center;backdrop-filter:blur(16px);transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s ease,border-color .4s ease,box-shadow .5s cubic-bezier(.16,1,.3,1)}.contribute-card:hover{transform:translateY(-6px);background:#ffffff24;border-color:var(--color-gold);box-shadow:0 20px 50px #00000040}.contribute-card__icon-wrap{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:var(--color-gold-light);background:#c8a84c1f;border:1px solid rgba(200,168,76,.25);border-radius:50%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.contribute-card:hover .contribute-card__icon-wrap{transform:scale(1.1)}.contribute-card__icon-wrap svg{width:26px;height:26px}.contribute-card__title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--color-white);margin-bottom:.5rem}.contribute-card__desc{font-size:.88rem;color:#ffffffa6;line-height:1.6;margin-bottom:1.25rem}.contribute-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.75rem;background:var(--color-gold);color:var(--color-white);font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.contribute-card__btn:hover{background:var(--color-gold-dark);transform:translateY(-2px);box-shadow:0 6px 20px #c8a84c59}.footer{position:relative;background-color:var(--color-primary-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 4L44 24L24 44L4 24Z' fill='none' stroke='%23ffffff' stroke-width='0.6' opacity='0.035'/%3E%3Cpath d='M24 12L36 24L24 36L12 24Z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.022'/%3E%3Cpath d='M0 0L4 4M44 4L48 0M0 48L4 44M44 44L48 48' fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.02'/%3E%3Cpath d='M24 0L24 4M48 24L44 24M24 48L24 44M0 24L4 24' fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.02'/%3E%3C/svg%3E");background-size:56px 56px;color:#ffffffad;overflow:hidden}.footer__container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:2.5rem 2rem 2rem}.footer__divider{display:flex;align-items:center;margin-bottom:2.25rem}.footer__divider-line{flex:1;height:1px;background:#ffffff1f}.footer__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{padding-right:2rem}.footer__logo{display:flex;align-items:center;gap:.75rem;color:var(--color-white);margin-bottom:1.25rem}.footer__logo-icon{width:36px;height:40px}.footer__logo-text{display:flex;flex-direction:column;line-height:1}.footer__logo-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.06em}.footer__logo-sub{font-family:var(--font-heading);font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.footer__tagline{font-size:.9rem;line-height:1.7;color:#ffffff94}.footer__links-title{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--color-white);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem}.footer__title-accent{display:block;width:1.65rem;height:1px;margin-top:.5rem;border-radius:999px;opacity:.5}.footer__title-accent--gold,.footer__title-accent--copper,.footer__title-accent--teal{background:#ffffffa6}.footer__links{display:flex;flex-direction:column;gap:.6rem}.footer__links li{font-size:.88rem;color:#ffffff9e;transition:color var(--transition-fast)}.footer__links li a:hover{color:#ffffffeb}.footer__links--times li{display:flex;justify-content:space-between;gap:1rem}.footer__prayer-time{color:#e3c770e6;font-weight:500}.footer__bottom{padding-top:1.6rem;text-align:center}.footer__copyright{font-size:.8rem;color:#ffffff6b;letter-spacing:.02em}.footer__gifted{margin-top:1rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:#ffffff8f;letter-spacing:.03em}.footer__gifted-link{display:inline-flex;align-items:center;gap:.25rem;color:#ffffffc7;transition:color var(--transition-fast)}.footer__gifted-link:hover{color:var(--color-gold-light)}.footer__gifted-icon{transform:translateY(-1px)}[data-animate=fade-up]{opacity:0;filter:blur(10px);transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}[data-animate=fade-up].animate-in{opacity:1;filter:blur(0);transform:translateY(0)}[data-animate=scale-up]{opacity:0;filter:blur(12px);transform:scale(.88) translateY(30px);transition:opacity .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}[data-animate=scale-up].animate-in{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}[data-animate=fade-left]{opacity:0;filter:blur(8px);transform:translate(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}[data-animate=fade-left].animate-in{opacity:1;filter:blur(0);transform:translate(0)}[data-animate=fade-right]{opacity:0;filter:blur(8px);transform:translate(-50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}[data-animate=fade-right].animate-in{opacity:1;filter:blur(0);transform:translate(0)}[data-animate=blur-in]{opacity:0;filter:blur(20px);transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1)}[data-animate=blur-in].animate-in{opacity:1;filter:blur(0)}@keyframes heroFadeIn{0%{opacity:0;filter:blur(8px);transform:translateY(30px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes floatSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.06;transform:scale(1)}50%{opacity:.12;transform:scale(1.08)}}@keyframes ramadanTextSweep{0%{opacity:0;transform:translate(0)}25%{opacity:.95}to{opacity:0;transform:translate(360%)}}@media(max-width:1024px){.menu-panel{width:min(420px,42vw)}.bulletin-board{padding:2.3rem 1.7rem 1.7rem}.bulletin-board__notes{grid-template-columns:repeat(2,1fr)}.bulletin-note{--note-tilt: 0deg}.ramadan{--ramadan-side-margin: clamp(1rem, 6vw, 4.25rem)}.ramadan__frame{min-height:clamp(190px,23vw,270px)}.prayer-section{padding:2rem 1.5rem}.prayer-section__inner{grid-template-columns:1fr 1fr}.footer__top{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:768px){.topbar{height:var(--topbar-height);padding:0}.topbar__container{flex-direction:row;gap:0;padding:0 .75rem;justify-content:center}.topbar__left{gap:.4rem}.topbar__right,.topbar__divider{display:none}.topbar__item{font-size:.65rem}.navbar{top:var(--topbar-height)}.navbar--scrolled{top:0}.navbar__container{padding:0 1.25rem}.navbar__actions{gap:.45rem}.navbar__prayer{width:32px;height:32px}.navbar__donate{padding:.45rem .92rem;font-size:.74rem;letter-spacing:.05em}.menu-panel{width:100vw;border-left:none;box-shadow:none;padding:1rem 1.1rem 1.4rem}.menu-panel__header{margin-bottom:1rem}.menu-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.bulletin-board{padding:2.1rem 1.2rem 1.2rem;border-radius:4px}.bulletin-board:before{inset:10px;border-radius:4px}.bulletin-note{min-height:220px}.bulletin-board__notes{grid-template-columns:1fr}.hero__content{padding:0 1.5rem}.hero__bismillah{font-size:1.2rem}.hero__tagline{font-size:1rem}.hero__actions{flex-direction:column;align-items:flex-start}.hero__btn{width:100%;max-width:280px;justify-content:center}.mission{padding:4rem 0}.mission__image{height:220px}.highlights{padding:5rem 0}.ramadan{--ramadan-side-margin: clamp(.85rem, 5vw, 2.5rem);padding:.8rem 0 1.85rem}.ramadan__frame{min-height:430px}.ramadan__content{width:100%;padding:1.95rem 1.1rem 1.3rem;gap:.8rem}.ramadan__text,.ramadan__meta{display:none}.ramadan__title{font-size:clamp(2.2rem,10vw,3rem)}.ramadan__text{font-size:1rem;line-height:1.72}.ramadan__meta{font-size:.76rem;letter-spacing:.11em}.cal-layout{grid-template-columns:1fr}.cal-sidebar,.cal__header,.cal__grid{display:none}.cal__agenda{display:block;background:var(--color-cream);max-height:420px;overflow-y:auto}.cal__corner,.cal__pattern{display:none}.cal__filters{padding:.6rem 1rem;gap:.25rem}.cal-filter{padding:.3rem .5rem;font-size:.65rem}.services__grid{grid-template-columns:repeat(2,1fr)}.services__grid .service-card:nth-child(-n+3),.services__grid .service-card:nth-child(n+4){grid-column:span 1}.services__grid .service-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:50%;justify-self:center}.service-card{height:320px}.service-card__content{padding:1.25rem}.service-card__title{font-size:1.1rem}.service-card__desc{font-size:.8rem;-webkit-line-clamp:2}.service-card__cta{opacity:1;transform:translateY(0)}.prayer-section{padding:1.5rem .75rem}.prayer-section__inner{grid-template-columns:1fr}.prayer-section__left{min-height:300px}.prayer-section__quote{padding:2rem 1.5rem}.prayer-quote__arabic{font-size:1.25rem}.prayer-quote__english{font-size:.95rem}.pw-days{gap:.25rem}.pw-day{width:2.25rem;height:2.5rem}.contribute{padding:3rem 0}.contribute__grid{grid-template-columns:1fr;gap:1.25rem}.footer__top{grid-template-columns:1fr;gap:2rem}.footer__brand{padding-right:0}}@media(max-width:480px){.topbar__item{font-size:.6rem;gap:.25rem}.topbar__icon{width:10px;height:10px}.navbar__logo-icon{width:32px;height:36px}.navbar__logo-name{font-size:.95rem}.navbar__logo-sub{font-size:.65rem}.navbar__actions{gap:.35rem}.navbar__donate{padding:.42rem .7rem;font-size:.68rem}.bulletin-board__label{font-size:.62rem;letter-spacing:.06em}.bulletin-note{padding:1.35rem 1.1rem 1.05rem}.mission__image{height:180px}.ramadan__frame{min-height:380px}.ramadan__content{padding:1.5rem .9rem 1.1rem}.ramadan__title{font-size:2rem}.ramadan__text{font-size:.92rem}.ramadan__meta{font-size:.68rem;letter-spacing:.09em}.ramadan__btn{width:100%;justify-content:center;padding:.72rem 1rem;font-size:.76rem}.prayer-section__left{min-height:300px}.prayer-section__quote{padding:1.5rem 1rem}.prayer-quote__crescent{width:35px;height:35px;margin-bottom:.75rem}.prayer-quote__arabic{font-size:1.1rem;margin-bottom:.75rem}.prayer-quote__divider{margin-bottom:.75rem}.prayer-quote__english{font-size:.85rem}.prayer-quote__ref{font-size:.65rem}.pw-title{font-size:1.1rem}.pw-header{padding:1.25rem 1rem .5rem}.pw-days{gap:.2rem;flex-wrap:wrap;justify-content:center;padding:.5rem .75rem}.pw-day{width:2rem;height:2.3rem}.pw-day__name{font-size:.5rem}.pw-day__num{font-size:.7rem}.pw-table{padding:.5rem .75rem .35rem}.pw-row{padding:.35rem .5rem}.pw-row__en{font-size:.75rem}.pw-row__ar{font-size:.55rem}.pw-row__time{font-size:.72rem}.pw-footer{padding:.35rem .75rem .75rem}.cal__nav{padding:.75rem}.cal__nav-star{width:18px;height:18px}.cal__nav-divider{width:80px}.cal__range{font-size:.78rem}.cal__nav-btn{width:30px;height:30px}.cal__nav-btn svg{width:14px;height:14px}.cal__agenda{max-height:360px}.cal__agenda-event{padding:.5rem .6rem;gap:.5rem}.cal__agenda-event-time{font-size:.65rem;min-width:52px}.cal__agenda-event-title{font-size:.78rem}.cal__filters{padding:.5rem .75rem;gap:.2rem}.cal-filter{padding:.22rem .4rem;font-size:.58rem}.cal-modal__body{padding:1.25rem 1.25rem 1.5rem}.cal-modal__title{font-size:1.2rem}.services__grid{grid-template-columns:1fr}.services__grid .service-card:nth-child(-n+3),.services__grid .service-card:nth-child(n+4){grid-column:span 1}.services__grid .service-card:last-child:nth-child(odd){max-width:100%}.service-card{height:300px}.service-card__content{padding:1.25rem}.service-card__title{font-size:1.05rem}.service-card__desc{font-size:.78rem;-webkit-line-clamp:2}.service-card__cta{opacity:1;transform:translateY(0)}.section-title{font-size:1.7rem}.contribute-card{padding:1.5rem 1.25rem}.footer__prayers-grid{grid-template-columns:repeat(2,1fr)}}.page-hero{position:relative;height:340px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#072a1f,#0a3d2e,#0f5238,#0a3d2e,#051a14);overflow:hidden}.page-hero__overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,var(--color-gold) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--color-gold) 1px,transparent 1px);background-size:60px 60px;opacity:.06}.page-hero__content{position:relative;z-index:1;padding:0 2rem;padding-top:calc(var(--topbar-height) + var(--navbar-height))}.page-hero__title{font-family:var(--font-heading);font-size:clamp(2.4rem,6vw,3.5rem);font-weight:700;color:var(--color-white);letter-spacing:.02em;margin-bottom:1rem}.page-section{padding:4rem 0}.page-section--cream{background:var(--color-cream)}.page-section__container{max-width:1100px;margin:0 auto;padding:0 2rem}.page-section__header{text-align:center;margin-bottom:2.5rem}.page-content{max-width:900px;margin:0 auto}.page-content__heading{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:1.25rem}.page-content__text{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--color-gray);margin-bottom:1rem}.page-content__details{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.page-content__detail-card{background:var(--color-cream);border:1px solid rgba(200,168,76,.2);border-radius:8px;padding:1.5rem;text-align:center}.page-content__detail-card h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.page-content__detail-card p{font-family:var(--font-body);font-size:.92rem;color:var(--color-gray);line-height:1.6;margin:0}.mission-full{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.mission-full__heading{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:1.25rem}.mission-full__text p{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--color-gray);margin-bottom:1rem}.mission-full__image-wrap{border-radius:12px;overflow:hidden}.mission-full__image{width:100%;height:100%;object-fit:cover;display:block}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;margin-bottom:3rem}.media-grid__item{border-radius:8px;overflow:hidden;aspect-ratio:4 / 3}.media-grid__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-medium)}.media-grid__item:hover img{transform:scale(1.05)}.media-social{text-align:center;padding:2rem 0}.media-social__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:.75rem}.media-social__text{font-family:var(--font-body);font-size:1rem;color:var(--color-gray);margin-bottom:1.5rem}.media-social__links{display:flex;justify-content:center;gap:1.5rem}.media-social__link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-primary-dark);color:var(--color-gold);transition:background var(--transition-fast),transform var(--transition-fast)}.media-social__link:hover{background:var(--color-gold);color:var(--color-white);transform:translateY(-2px)}@media(max-width:768px){.page-hero{height:280px}.page-content__details,.mission-full{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.page-hero{height:240px}.media-grid{grid-template-columns:1fr}}