@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}.home-page .hero-actions .hero-article-button{color:#0a2947;background:#fffffff0;border:1px solid #ffffffa3;border-radius:9px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex}.home-page .hero-actions .hero-article-button:hover{color:#0a2947;background:#fff;border-color:#fff}.articles-page{background:#f4f7fb;padding-bottom:76px}.articles-container{padding-top:48px}.articles-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;display:flex}.articles-heading>div:first-child{max-width:720px}.articles-heading>div:first-child>span{color:#207452;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:850}.articles-heading h2{color:#102f5b;margin:7px 0 8px;font-size:clamp(28px,3.2vw,40px);line-height:1.18}.articles-heading p{color:#60748a;margin:0;font-size:14px;line-height:1.7}.articles-count{background:#fff;border:1px solid #d8e3ef;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;min-width:150px;padding:15px 17px;display:grid}.articles-count svg{color:#1d70ad;grid-row:1/3;width:25px;height:25px}.articles-count strong{color:#102f5b;font-size:20px}.articles-count span{color:#738499;font-size:10px}.articles-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:start;gap:20px;display:grid}.article-feature{color:#fff;background:linear-gradient(145deg,#102f5b,#174c73);border-radius:22px;min-height:510px;padding:44px;position:relative;overflow:hidden;box-shadow:0 18px 42px #0c2a4d29}.article-feature:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-120px;right:-90px}.article-feature.tone-green{background:linear-gradient(145deg,#0d4f42,#17735b)}.article-feature.tone-gold{background:linear-gradient(145deg,#5a4312,#9a7623)}.article-feature.tone-red{background:linear-gradient(145deg,#672323,#a73c3c)}.article-feature-mark{background:#ffffff1c;border:1px solid #ffffff2e;border-radius:17px;place-items:center;width:62px;height:62px;display:grid}.article-feature-mark svg{width:29px;height:29px}.article-feature-meta{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:34px;display:flex}.article-feature-meta span{color:#ffffffbf;align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.article-feature-meta span:first-child{color:#fff;background:#ffffff21;border-radius:999px;padding:6px 10px}.article-feature-meta svg{width:14px}.article-feature h2{color:#fff;max-width:18ch;margin:22px 0 17px;font-size:clamp(28px,3.2vw,44px);line-height:1.16}.article-feature>p{color:#ffffffd4;max-width:64ch;margin:0;font-size:15px;line-height:1.8}.article-feature-note{z-index:1;color:#ffffff9e;border-top:1px solid #ffffff2e;padding-top:15px;font-size:10px;position:absolute;bottom:36px;left:44px;right:44px}.article-list{background:#fff;border:1px solid #dbe4ee;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #14305212}.article-list-head{border-bottom:1px solid #e2e8ef;gap:5px;padding:19px 20px;display:grid}.article-list-head span{color:#247354;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.article-list-head strong{color:#173653;font-size:15px}.article-list>button{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e8edf3;grid-template-columns:43px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;padding:15px 17px;transition:background .2s,transform .2s;display:grid}.article-list>button:last-child{border-bottom:0}.article-list>button:hover,.article-list>button.active{background:#f1f6fb}.article-list>button.active{box-shadow:inset 3px 0 #1d70ad}.article-list-icon{color:#1765a8;background:#eaf2fb;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.article-list-icon.tone-green{color:#177c57;background:#e9f8f1}.article-list-icon.tone-gold{color:#9a7116;background:#fff6dc}.article-list-icon.tone-red{color:#b94343;background:#fff0f0}.article-list-icon svg{width:18px}.article-list-copy{gap:5px;min-width:0;display:grid}.article-list-copy small{color:#7a8b9e;font-size:9px;font-weight:700}.article-list-copy strong{color:#193954;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.article-list>button>svg{color:#97a7b8;width:15px}.articles-empty{color:#718297;text-align:center;background:#fff;border:1px solid #dbe4ee;border-radius:18px;padding:56px 24px}.articles-empty svg{color:#8ca2b8;width:40px;height:40px}.articles-empty h2{color:#173653;margin:14px 0 7px}.articles-empty p{margin:0}@media (max-width:860px){.articles-layout{grid-template-columns:1fr}.article-feature{min-height:470px}}@media (max-width:640px){.home-page .hero-actions .hero-article-button{width:100%;display:inline-flex}.articles-page{padding-bottom:48px}.articles-container{padding-top:30px}.articles-heading{flex-direction:column;align-items:stretch}.articles-count{width:fit-content}.article-feature{border-radius:17px;min-height:480px;padding:27px 23px}.article-feature h2{margin-top:18px;font-size:29px}.article-feature>p{font-size:14px}.article-feature-note{bottom:24px;left:23px;right:23px}}:root{--navy:#0a1f44;--navy-2:#152e5e;--navy-3:#1e3a6e;--blue:#2563a8;--blue-mid:#3b7dd8;--blue-light:#e8f0fb;--blue-pale:#f0f5fd;--gold:#c9a84c;--gold-dark:#a07c2a;--gold-light:#f5e9c8;--green:#1a7a45;--green-light:#e8f8f0;--red-light:#fdecea;--white:#fff;--gray-bg:#f4f6fb;--gray-light:#eaecf2;--text-dark:#0d1b35;--text-body:#2d3a55;--text-muted:#6b7a99;--shadow-sm:0 1px 6px #0a1f4414;--shadow-md:0 4px 20px #0a1f441f;--shadow-lg:0 8px 40px #0a1f4429;--radius-card:8px;--radius-lg:18px;--radius-xl:24px}html{scroll-behavior:smooth;scroll-padding-top:68px;overflow-x:hidden}body{background:var(--gray-bg);min-height:100vh;color:var(--text-body);font-family:DM Sans,Noto Sans,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}button,input,textarea,select{font:inherit}button{border:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-bg)}::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:3px}.site-main{min-height:calc(100vh - 129px);padding-top:68px}.navbar{z-index:1000;background:var(--navy);position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #00000040}.navbar-inner{justify-content:space-between;align-items:center;max-width:1240px;height:68px;margin:0 auto;padding:0 24px;display:flex}.brand{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;display:flex}.brand-logo{background:var(--white);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 0 0 3px #c9a84c42,0 8px 20px #0003}.brand-logo img{object-fit:contain;width:40px;height:40px}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-name{color:var(--white);letter-spacing:.2px;font-size:16px;font-weight:800;line-height:1.15}.brand-sub{color:#ffffff94;margin-top:1px;font-size:11px;font-weight:400}.nav-links{align-items:center;gap:4px;display:flex}.nav-dropdown{position:relative}.nav-link{border-radius:var(--radius-card);color:#ffffffb8;cursor:pointer;background:0 0;padding:8px 11px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.nav-dropdown-trigger{align-items:center;gap:5px;display:inline-flex}.nav-dropdown-trigger>svg,.mobile-dropdown-trigger>svg{width:14px;height:14px;transition:transform .2s}.nav-dropdown-trigger[aria-expanded=true]>svg,.mobile-dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.organization-dropdown{visibility:hidden;background:var(--white);opacity:0;border:1px solid #0a1f441a;border-radius:12px;width:310px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-8px);box-shadow:0 18px 48px #04122b38}.organization-dropdown:before{background:var(--white);content:"";border-top:1px solid #0a1f441a;border-left:1px solid #0a1f441a;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.organization-dropdown.open{visibility:visible;opacity:1;transform:translate(-50%)}.organization-dropdown>button{width:100%;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border-radius:8px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid;position:relative}.organization-dropdown>button:hover,.organization-dropdown>button.active{background:var(--blue-pale)}.organization-dropdown>button.active:after{background:var(--blue);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:10px}.organization-dropdown>button>span:first-child{background:var(--gray-bg);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.organization-dropdown img{object-fit:contain}.organization-dropdown>button>span:last-child{flex-direction:column;min-width:0;display:flex}.organization-dropdown strong{font-size:12px;line-height:1.3}.organization-dropdown small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.35;overflow:hidden}.nav-link.active{background:var(--gold);color:var(--navy)}.icon-button{border-radius:var(--radius-card);width:42px;height:42px;color:var(--white);cursor:pointer;background:#ffffff14;place-items:center;display:inline-grid}.icon-button svg{width:22px;height:22px}.menu-button{display:none}.portal-auth-actions{flex:none;align-items:center;gap:8px;display:flex}.portal-login-button{min-width:76px;color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:8px;padding:8px 15px;font-size:12px;font-weight:800;transition:border-color .2s,background .2s,color .2s}.portal-login-button:hover{border-color:var(--gold);background:var(--gold);color:var(--navy)}.portal-login-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030e23b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.portal-login-modal{background:var(--white);width:min(100%,420px);color:var(--text-body);border:1px solid #0a1f441f;border-radius:18px;padding:32px;position:relative;box-shadow:0 28px 80px #00000052}.portal-login-close{background:var(--gray-bg);width:36px;height:36px;color:var(--navy);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.portal-login-close svg{width:18px;height:18px}.portal-login-eyebrow{color:var(--blue);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:900}.portal-login-modal h2{color:var(--navy);margin-top:6px;font-size:25px;line-height:1.25}.portal-login-modal>p{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.55}.portal-login-modal form{gap:14px;margin-top:24px;display:grid}.portal-login-modal label{gap:6px;display:grid}.portal-login-modal input{width:100%;height:44px;color:var(--navy);background:#fbfcfe;border:1px solid #cfdaea;border-radius:9px;outline:none;padding:0 13px;font-size:14px}.portal-login-error{background:var(--red-light);color:#a42424;border-radius:8px;padding:9px 11px;font-size:12px}.portal-login-modal form>button{background:var(--navy);height:44px;color:var(--white);cursor:pointer;border-radius:9px;font-size:13px;font-weight:800}.portal-login-modal form>button:hover{background:var(--blue)}.portal-login-modal form>button:disabled{cursor:wait;opacity:.65}.mobile-nav{background:var(--navy-2);border-top:1px solid #ffffff1a;flex-direction:column;display:none}.mobile-nav.open{display:flex}.mobile-nav .nav-link{text-align:left;border-bottom:1px solid #ffffff0f;border-radius:0;padding:14px 24px}.mobile-organization-menu{flex-direction:column;display:flex}.mobile-dropdown-trigger{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-organization-options{background:#04122b47;gap:3px;padding:6px 14px 10px 34px;display:grid}.mobile-organization-options button{color:#ffffffd1;cursor:pointer;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.mobile-organization-options button:hover{color:var(--white);background:#ffffff14}.mobile-organization-options button.active{color:#f2cf69;background:#c9a84c29}.mobile-organization-options img{object-fit:contain}.mobile-login-link{color:var(--gold)}.page.active{animation:.38s both fade-up}.hero{background:linear-gradient(90deg,#0a1f44eb 0%,#0a1f44b8 42%,#0a1f4433 100%),url(/images/community-hero.png) 50%/cover no-repeat;align-items:center;min-height:520px;padding:76px 24px 86px;display:flex;position:relative;overflow:hidden}.hero-slider{background:var(--navy);height:590px;padding:0;display:block}.hero-slide-stack,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity .9s;overflow:hidden}.hero-slide.active{z-index:1;opacity:1;pointer-events:auto}.hero-slide>img{object-fit:cover;transition:transform 7.4s linear;transform:scale(1.07)}.hero-slide.active>img{transform:scale(1)}.hero-slide .hero-content{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.hero-slide .hero-content>*{opacity:0;transform:translateY(18px)}.hero-slide.active .hero-content>*{opacity:1;transition:opacity .65s,transform .65s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}.hero-slide.active .hero-content>:first-child{transition-delay:.12s}.hero-slide.active .hero-content>:nth-child(2){transition-delay:.18s}.hero-slide.active .hero-content>:nth-child(3){transition-delay:.24s}.hero-slide.active .hero-content>:nth-child(4){transition-delay:.3s}.hero-slide.active .hero-content>:nth-child(5){transition-delay:.36s}.hero-slide.active .hero-content>:nth-child(6){transition-delay:.42s}.hero-live-badge{color:var(--gold);letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff2b;border-radius:999px;margin-bottom:13px;padding:6px 11px;font-size:9px;font-weight:900;display:inline-flex}.hero-slider-arrow{z-index:4;width:44px;height:44px;color:var(--white);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05122a61;border:1px solid #ffffff2b;border-radius:50%;place-items:center;transition:opacity .25s,background .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-slider:hover .hero-slider-arrow,.hero-slider-arrow:focus-visible{opacity:1}.hero-slider-arrow:hover{background:var(--gold);color:var(--navy)}.hero-slider-arrow.previous{left:max(18px,50vw - 676px)}.hero-slider-arrow.next{right:max(18px,50vw - 676px)}.hero-slider-arrow svg{width:20px}.hero-slider-dots{z-index:4;gap:8px;display:flex;position:absolute;bottom:28px;right:max(24px,50vw - 550px)}.hero-slider-dots button{color:#ffffff6b;cursor:pointer;background:0 0;align-items:center;gap:6px;font-size:8px;font-weight:900;display:flex}.hero-slider-dots i{background:#ffffff3d;border-radius:99px;width:25px;height:2px;transition:width .25s,background .25s;display:block}.hero-slider-dots button.active{color:var(--gold)}.hero-slider-dots button.active i{background:var(--gold);width:44px}.hero-slide-progress{z-index:5;background:var(--gold);transform-origin:0;height:3px;animation:5s linear both hero-progress;position:absolute;bottom:0;left:0;right:0}.hero-slide-progress.paused{animation-play-state:paused}.home-upcoming-section{z-index:5;background:var(--white);border-bottom:1px solid var(--blue-light);position:relative}.home-upcoming-inner{padding-top:28px;padding-bottom:28px}.home-upcoming-inner .section-header{margin-bottom:15px}.home-upcoming-scroll{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-upcoming-scroll .event-card{margin:0}.hero-overlay{pointer-events:none;background-image:linear-gradient(#0a1f4429,#0a1f4457),radial-gradient(circle at 18% 70%,#c9a84c38,#0000 32%);position:absolute;inset:0}.hero-content{width:100%;max-width:1100px;margin:0 auto;position:relative}.bismillah-text{color:var(--gold);letter-spacing:0;margin-bottom:14px;font-family:Amiri,serif;font-size:31px;line-height:1.45}.hero-kicker{color:#ffffffbf;letter-spacing:0;text-transform:uppercase;margin-bottom:2px;font-size:15px;font-weight:800}.hero h1{max-width:620px;color:var(--white);font-size:48px;font-weight:800;line-height:1.08}.hero-desc{color:#ffffffbd;max-width:590px;margin-top:14px;margin-bottom:28px;font-size:15px}.hero-badges{flex-wrap:wrap;gap:10px;max-width:640px;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-badge{color:#ffffffe0;background:#ffffff17;border:1.5px solid #ffffff38;border-radius:999px;padding:7px 18px;font-size:12.5px;font-weight:700}.hero-badge.gold{border-color:var(--gold);background:var(--gold);color:var(--navy)}.stats-bar{background:var(--white);border-bottom:2px solid var(--blue-light);box-shadow:var(--shadow-sm)}.stats-inner{grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto;display:grid}.stat-item{border-right:1px solid var(--blue-light);text-align:center;padding:20px 16px}.stat-item:last-child{border-right:0}.stat-num{color:var(--navy);font-family:Amiri,serif;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800}.container{max-width:1180px;margin:0 auto;padding:40px 24px 60px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title{color:var(--navy);align-items:center;gap:10px;font-size:18px;font-weight:800;line-height:1.25;display:flex}.section-title:before{background:linear-gradient(to bottom, var(--gold), var(--gold-dark));content:"";border-radius:2px;flex:none;width:4px;height:22px;display:block}.section-link{color:var(--blue);cursor:pointer;background:0 0;flex:none;font-size:13px;font-weight:800;text-decoration:none}.section-link:hover{color:var(--navy)}.quote-box{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#0a1f44fa 0%,#1e3a6efa 100%),linear-gradient(90deg,#c9a84c14,#3b7dd814);margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden}.quote-box:before{color:#c9a84c24;content:"“";font-family:Georgia,serif;font-size:84px;line-height:1;position:absolute;top:8px;left:20px}.quote-box:after{content:"";background:#c9a84c12;border-radius:999px;width:132px;height:132px;position:absolute;bottom:-34px;right:-34px}.quote-arabic{color:var(--gold);direction:rtl;margin-bottom:14px;font-family:Amiri,serif;font-size:26px;line-height:1.8;position:relative}.quote-trans{color:#ffffffbf;max-width:640px;margin:0 auto;font-size:14px;font-style:italic;line-height:1.7;position:relative}.quote-source{color:#ffffff75;letter-spacing:.4px;margin-top:10px;font-size:12px;font-weight:800;position:relative}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:44px;display:grid}.event-card,.ann-card,.activity-item,.info-card{border:1.5px solid var(--blue-light);border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-sm)}.event-card{flex-direction:column;height:100%;transition:box-shadow .22s,transform .22s;display:flex;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.event-card-head{flex:auto;grid-template-columns:56px minmax(0,1fr);align-items:flex-start;gap:16px;padding:18px;display:grid}.event-date-box{border-radius:var(--radius-card);flex-direction:column;justify-content:center;align-items:center;width:56px;height:64px;padding:0;display:flex}.event-date-box.navy{background:var(--navy)}.event-date-box.blue{background:var(--blue)}.event-date-box.gold{background:var(--gold)}.day{color:var(--white);font-size:24px;font-weight:800;line-height:1}.event-date-box.gold .day{color:var(--navy)}.month{color:#ffffffbf;letter-spacing:.6px;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:800}.event-date-box.gold .month{color:#0a1f44a6}.event-info{flex:1;min-width:0}.event-type{color:var(--blue);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:800;line-height:1.35}.event-title,.activity-name,.ann-title,.profile-name{color:var(--navy);font-size:15px;font-weight:800;line-height:1.35}.event-desc{color:var(--text-muted);margin-top:5px;font-size:12.5px;line-height:1.45}.event-card-foot{border-top:1px solid var(--blue-light);flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:49px;padding:12px 18px;display:grid}.event-meta{min-width:0;color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:1.35;display:inline-flex}.event-meta:first-child{text-overflow:ellipsis;overflow:hidden}.event-meta svg{width:14px;height:14px;color:var(--blue);flex:none}.ann-list,.activity-list{flex-direction:column;gap:12px;margin-bottom:44px;display:flex}.ann-card{align-items:flex-start;gap:16px;padding:18px 20px;transition:border-color .2s,transform .2s;display:flex}.ann-card:hover{border-color:var(--blue-mid);transform:translate(4px)}.ann-icon,.ortom-icon,.contact-icon{border-radius:var(--radius-card);flex:none;place-items:center;display:grid}.ann-icon{width:46px;height:46px}.ann-icon svg,.ortom-icon svg,.contact-icon svg{width:23px;height:23px}.ann-icon.blue,.ann-tag.blue,.ortom-icon{background:var(--blue-light);color:var(--blue)}.ann-icon.gold,.ann-tag.gold{background:var(--gold-light);color:var(--gold-dark)}.ann-icon.green,.ann-tag.green{background:var(--green-light);color:var(--green)}.ann-icon.red,.ann-tag.red{background:var(--red-light);color:#a33a33}.ann-body{flex:1;min-width:0}.ann-desc{color:var(--text-muted);margin-top:4px;font-size:13px;line-height:1.55}.ann-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.ann-time{color:var(--blue);font-size:11px;font-weight:800}.ann-tag{border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800}.activity-item{align-items:center;gap:16px;padding:16px 20px;transition:box-shadow .2s;display:flex}.activity-item:hover{box-shadow:var(--shadow-md)}.activity-dot{border-radius:999px;flex:none;width:12px;height:12px}.activity-dot.green{background:var(--green)}.activity-dot.blue{background:var(--blue)}.activity-dot.gold{background:var(--gold)}.activity-text{flex:1;min-width:0}.activity-schedule{color:var(--text-muted);margin-top:2px;font-size:12px}.freq-badge{border-radius:999px;flex:none;padding:4px 12px;font-size:10.5px;font-weight:800}.freq-rutin{background:var(--green-light);color:var(--green)}.freq-bulanan{background:var(--blue-light);color:var(--blue)}.freq-berkala{background:var(--gold-light);color:var(--gold-dark)}.two-col{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:44px;display:grid}.info-card{margin-bottom:20px;padding:24px}.info-card-title{color:var(--navy);letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.info-card p{color:var(--text-body);font-size:13.5px;line-height:1.7}.mission-list{flex-direction:column;gap:8px;list-style:none;display:flex}.mission-list li{color:var(--text-body);align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.mission-list li:before{color:var(--gold);content:"✦";flex:none;margin-top:2px;font-size:12px}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:44px;display:grid}.profile-card{border-radius:var(--radius-card);background:linear-gradient(145deg, var(--navy-2) 0%, var(--navy-3) 100%);box-shadow:var(--shadow-md);text-align:center;padding:24px 20px}.profile-card.primary{background:linear-gradient(145deg, var(--navy) 0%, var(--navy-3) 100%)}.profile-avatar{width:56px;height:56px;color:var(--gold);background:#ffffff26;border-radius:50%;place-items:center;margin:0 auto 14px;font-family:Amiri,serif;font-size:24px;display:grid;box-shadow:0 0 0 4px #c9a84c33}.profile-card.primary .profile-avatar{background:var(--gold);color:var(--navy)}.profile-role{color:#ffffff8c;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:800}.profile-name{color:var(--white);margin-top:4px;font-size:14px}.ortom-card-head{padding-bottom:18px}.ortom-icon{width:48px;height:48px}.contact-card{margin-bottom:0}.contact-row{border-bottom:1px solid var(--gray-light);align-items:flex-start;gap:14px;padding:10px 0;display:flex}.contact-row:last-child{border-bottom:0;padding-bottom:0}.contact-icon{background:var(--blue-light);width:38px;height:38px;color:var(--blue);margin-top:2px}.contact-label{color:var(--navy);margin-bottom:2px;font-size:12px;font-weight:800}.contact-val{color:var(--text-muted);font-size:13px}.hero-mini{text-align:center;background:linear-gradient(135deg,#0a1f44fa 0%,#1e3a6ef5 70%,#2563a8f0 100%),url(/images/community-hero.png) 50% 42%/cover no-repeat;padding:48px 24px 56px;position:relative;overflow:hidden}.hero-mini:before{content:"";background:#0a1f4466;position:absolute;inset:0}.hero-mini .bismillah-text,.hero-mini h1,.hero-mini p{position:relative}.hero-mini .bismillah-text{margin-bottom:10px;font-size:22px}.hero-mini h1{color:var(--white);font-size:28px;font-weight:800;line-height:1.25}.hero-mini p{color:#ffffffad;margin-top:6px;font-size:14px}.footer{background:var(--navy);color:#ffffff8f;text-align:center;padding:32px 24px}.footer-brand{background:var(--white);border:1px solid #c9a84c6b;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 10px;display:grid;box-shadow:0 10px 30px #00000038}.footer-brand img{object-fit:contain;width:58px;height:58px}.footer-name{color:var(--white);margin-bottom:4px;font-size:14px;font-weight:800}.footer-sub{font-size:12px}.footer-divider{background:#ffffff26;width:60px;height:1px;margin:16px auto}.footer-copy{color:#ffffff57;font-size:11px}.primary-button,.secondary-button,.gold-button,.hero-secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:12px;font-weight:800;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.primary-button svg,.secondary-button svg,.gold-button svg,.hero-secondary-button svg{width:16px;height:16px}.primary-button{background:linear-gradient(135deg, var(--blue), var(--blue-mid));color:var(--white);box-shadow:0 8px 22px #2563a833}.secondary-button{background:var(--white);color:var(--navy);border:1px solid #dbe4f2}.gold-button{background:linear-gradient(135deg, #e3bd55, var(--gold));color:var(--navy);box-shadow:0 8px 24px #c9a84c3d}.hero-secondary-button{color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff52}.primary-button:hover,.secondary-button:hover,.gold-button:hover,.hero-secondary-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.primary-button.compact{min-height:38px;padding:8px 13px}.primary-button.full,.secondary-button.full{width:100%}.section-intro{max-width:680px;color:var(--text-muted);margin:-8px 0 24px 14px;font-size:13.5px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:52px;display:grid}.module-card{border:1px solid var(--blue-light);background:var(--white);cursor:pointer;text-align:left;border-radius:16px;align-items:flex-start;gap:14px;min-height:154px;padding:22px;transition:border-color .28s,box-shadow .28s,transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.module-card:after{content:"";opacity:.045;background:currentColor;border-radius:999px;width:120px;height:120px;transition:transform .35s;position:absolute;bottom:-42px;right:-32px}.module-card:hover{box-shadow:var(--shadow-md);border-color:#3b7dd86b;transform:translateY(-5px)}.module-card:hover:after{transform:scale(1.28)}.module-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.module-card strong{color:var(--navy);font-size:15px}.module-card small{color:var(--text-muted);margin-top:6px;font-size:12.5px;line-height:1.55}.module-icon{background:var(--blue-light);width:44px;height:44px;color:var(--blue);border-radius:12px;flex:none;place-items:center;display:grid}.module-icon svg{width:21px;height:21px}.module-card.tone-green .module-icon{background:var(--green-light);color:var(--green)}.module-card.tone-gold .module-icon{background:var(--gold-light);color:var(--gold-dark)}.module-card.tone-purple .module-icon{color:#7654c7;background:#f0ebff}.module-arrow{color:var(--blue);font-size:20px;transition:transform .25s;position:absolute;bottom:16px;right:20px}.module-card:hover .module-arrow{transform:translate(4px)}.public-highlights{background:var(--white);overflow:hidden}.public-intro{padding-top:64px;padding-bottom:54px}.public-section-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:28px;display:flex}.public-section-heading>div{min-width:0;max-width:650px}.public-section-heading h2,.membership-content h2{color:var(--navy);letter-spacing:-.6px;margin-top:5px;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.2}.public-section-heading>p{min-width:0;max-width:430px;color:var(--text-muted);font-size:13px;line-height:1.7}.public-eyebrow{color:var(--blue);letter-spacing:1.35px;text-transform:uppercase;font-size:9.5px;font-weight:900}.public-identity-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.mosque-location-card,.public-structure-card{border-radius:22px;min-height:420px;position:relative;overflow:hidden}.mosque-location-card{background:var(--navy);box-shadow:0 18px 50px #0a1f442e}.mosque-location-card>img{object-fit:cover;object-position:55% center;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.mosque-location-card:hover>img{transform:scale(1.035)}.identity-image-shade{background:linear-gradient(90deg,#05132dfa,#05132dbd 48%,#05132d33),linear-gradient(#0000 40%,#05132d80);position:absolute;inset:0}.identity-card-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;width:min(58%,470px);padding:42px;display:flex;position:absolute;top:0;bottom:0;left:0}.identity-card-copy .public-eyebrow{color:var(--gold)}.identity-icon{width:46px;height:46px;color:var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.identity-icon svg{width:22px;height:22px}.identity-card-copy h3{color:var(--white);margin-top:7px;font-size:clamp(22px,3vw,31px);line-height:1.2}.identity-card-copy p{color:#ffffffad;margin-top:12px;font-size:12.5px;line-height:1.7}.identity-card-copy a{background:var(--gold);color:var(--navy);border-radius:10px;align-items:center;gap:7px;margin-top:22px;padding:10px 15px;font-size:11px;font-weight:900;text-decoration:none;transition:transform .22s,box-shadow .22s;display:inline-flex}.identity-card-copy a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9a84c3d}.identity-card-copy a svg{width:14px}.location-map-pattern{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.9;background:#0a1f446b;border:1px solid #ffffff1c;border-radius:50%;width:180px;height:180px;position:absolute;top:38px;right:38px}.map-road{transform-origin:50%;background:#ffffff1f;border-radius:999px;display:block;position:absolute}.road-one{width:150px;height:5px;top:84px;left:15px;transform:rotate(-30deg)}.road-two{width:5px;height:125px;top:30px;left:88px;transform:rotate(17deg)}.road-three{width:90px;height:4px;top:120px;left:45px;transform:rotate(25deg)}.map-pin-pulse{z-index:2;background:var(--gold);width:46px;height:46px;color:var(--navy);border-radius:50%;place-items:center;animation:2.4s ease-out infinite map-pulse;display:grid;position:absolute;top:65px;left:67px;box-shadow:0 0 #c9a84c59}.map-pin-pulse svg{width:21px}.public-structure-card{background:radial-gradient(circle at 100% 0,#3b7dd81f,#0000 35%),linear-gradient(145deg,#fafdff,#f1f5fb);border:1px solid #dfe7f3;padding:28px}.structure-card-head{align-items:center;gap:13px;display:flex}.structure-icon{background:var(--navy);width:44px;height:44px;color:var(--gold);border-radius:13px;flex:none;place-items:center;display:grid}.structure-icon svg{width:21px}.structure-card-head h3{color:var(--navy);margin-top:2px;font-size:16px}.mini-org-chart{flex-direction:column;align-items:center;margin:25px 0 19px;display:flex}.org-person{background:var(--white);width:46%;box-shadow:var(--shadow-sm);text-align:left;border:1px solid #dce5f1;border-radius:11px;grid-template-columns:35px 1fr;column-gap:9px;padding:9px 10px;display:grid}.org-person>span{background:var(--blue-light);width:35px;height:35px;color:var(--blue);border-radius:50%;grid-row:span 2;place-items:center;font-family:Amiri,serif;display:grid}.org-person small{color:var(--blue);letter-spacing:.6px;text-transform:uppercase;font-size:7px;font-weight:900}.org-person strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.org-person.org-primary{background:var(--navy);border-color:#c9a84c80;width:58%}.org-person.org-primary>span{background:var(--gold);color:var(--navy)}.org-person.org-primary small{color:var(--gold)}.org-person.org-primary strong{color:var(--white)}.org-line.vertical{background:#b9c7dc;width:1px;height:16px}.org-branch{justify-content:center;gap:10px;width:100%;display:flex;position:relative}.org-branch:before{content:"";background:#b9c7dc;height:1px;position:absolute;top:-1px;left:23%;right:23%}.org-branch .org-person{margin-top:12px;position:relative}.org-branch .org-person:before{content:"";background:#b9c7dc;width:1px;height:12px;position:absolute;top:-13px;left:50%}.org-division-row{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:12px;display:grid}.org-division-row span{background:var(--blue-light);color:var(--blue);text-align:center;border-radius:7px;padding:6px 3px;font-size:7.5px;font-weight:900}.structure-link{background:var(--white);width:100%;box-shadow:var(--shadow-sm);color:var(--blue);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:10.5px;font-weight:900;transition:color .2s,transform .2s;display:inline-flex}.structure-link:hover{color:var(--navy);transform:translateY(-2px)}.structure-link svg{width:14px}.public-activity-section{background:radial-gradient(circle at 10% 10%, #3b7dd82e, transparent 26%), linear-gradient(135deg, #071a3a, var(--navy-2));padding:62px 0 70px}.activity-heading h2{color:var(--white)}.activity-heading .public-eyebrow{color:var(--gold)}.activity-heading>p{color:#ffffff94}.activity-showcase{background:#071a3a;border:1px solid #ffffff1f;border-radius:23px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000003d}.activity-slides{height:540px;position:relative}.public-activity-slide{opacity:0;pointer-events:none;transition:opacity .85s,transform 1.4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;overflow:hidden;transform:scale(1.018)}.public-activity-slide.active{z-index:1;opacity:1;pointer-events:auto;transform:scale(1)}.public-activity-slide>img{object-fit:cover;transition:transform 7s linear;transform:scale(1.06)}.public-activity-slide.active>img{transform:scale(1)}.activity-slide-shade{background:linear-gradient(90deg,#05122af5,#05122ab8 46%,#05122a0f),linear-gradient(#0000 42%,#05122ab8);position:absolute;inset:0}.activity-organization-mark{z-index:3;color:#2d197b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffff42;border-radius:16px;align-items:center;gap:11px;padding:8px 15px 8px 9px;display:flex;position:absolute;top:28px;right:30px;box-shadow:0 15px 38px #04102747}.activity-organization-mark img{object-fit:contain;width:54px;height:54px}.activity-organization-mark>span{flex-direction:column;display:flex}.activity-organization-mark small{color:#7469a0;letter-spacing:.8px;text-transform:uppercase;font-size:7px;font-weight:900}.activity-organization-mark strong{margin-top:2px;font-size:14px}.activity-slide-copy{z-index:2;opacity:0;width:min(520px,52%);position:absolute;top:50%;left:72px;transform:translateY(calc(24px - 50%))}.public-activity-slide.active .activity-slide-copy{opacity:1;transition:opacity .65s .22s,transform .65s cubic-bezier(.2,.8,.2,1) .22s;transform:translateY(-50%)}.activity-category{color:#bcd7fa;letter-spacing:.9px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b7dd840;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:9px;font-weight:900;display:inline-flex}.activity-category.tone-green{color:#9ce0bd;background:#1a7a4540}.activity-category.tone-gold{color:#f4d786;background:#c9a84c3d}.activity-category.tone-purple{color:#d0c0f6;background:#7654c740}.activity-category.tone-red{color:#ffc0b9;background:#bb30304d}.activity-category svg{width:14px;height:14px}.activity-slide-copy h3{max-width:500px;color:var(--white);letter-spacing:-1px;margin-top:17px;font-size:clamp(30px,4vw,47px);line-height:1.08}.activity-slide-copy>p{color:#ffffffb3;max-width:490px;margin-top:15px;font-size:13.5px;line-height:1.72}.activity-schedule-line{color:var(--gold);align-items:center;gap:7px;margin-top:16px;font-size:10.5px;font-weight:800;display:flex}.activity-schedule-line svg{width:14px}.activity-slide-copy>button{background:var(--gold);color:var(--navy);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-top:23px;padding:11px 16px;font-size:10.5px;font-weight:900;transition:transform .22s;display:inline-flex}.activity-slide-copy>button:hover{transform:translateY(-2px)}.activity-slide-copy>button svg{width:14px}.slider-arrow{z-index:4;width:43px;height:43px;color:var(--white);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071a3a80;border:1px solid #ffffff2e;border-radius:50%;place-items:center;transition:opacity .25s,background .25s,transform .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.activity-showcase:hover .slider-arrow,.slider-arrow:focus-visible{opacity:1}.slider-arrow:hover{background:var(--gold);color:var(--navy)}.slider-arrow.previous{left:18px}.slider-arrow.next{right:18px}.slider-arrow svg{width:20px}.activity-slider-nav{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05122a94;border:1px solid #ffffff1c;border-radius:13px;gap:5px;width:min(620px,58%);padding:5px;display:flex;position:absolute;bottom:24px;right:24px}.activity-slider-nav button{color:#ffffff85;cursor:pointer;text-align:left;background:0 0;border-radius:9px;flex-direction:column;flex:1;gap:1px;min-width:0;padding:8px;transition:background .25s,color .25s;display:flex}.activity-slider-nav button.active{color:var(--white);background:#ffffff1f}.activity-slider-nav span{color:var(--gold);font-size:7.5px;font-weight:900}.activity-slider-nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.2;overflow:hidden}.activity-autoplay-progress{z-index:5;background:var(--gold);transform-origin:0;height:3px;animation:5.6s linear both activity-progress;position:absolute;bottom:0;left:0;right:0}.activity-autoplay-progress.paused{animation-play-state:paused}.ortom-program-section{background:radial-gradient(circle at 8% 14%,#2563a81a,#0000 24%),radial-gradient(circle at 92% 82%,#c9a84c1f,#0000 25%),linear-gradient(#f7f9fd 0%,#fff 100%);padding:78px 0 82px;position:relative}.ortom-program-section>.container{padding-top:0;padding-bottom:0}.ortom-section-heading{margin-bottom:32px}.ortom-program-showcase{--ortom-accent:#10a85b;--ortom-accent-rgb:16, 168, 91;background:radial-gradient(circle at 10% 25%, rgba(var(--ortom-accent-rgb), .2), transparent 28%), linear-gradient(135deg, #061631 0%, #0a1f44 62%, #102b59 100%);border:1px solid #0a1f4414;border-radius:28px;transition:background .65s;animation:.65s cubic-bezier(.2,.8,.2,1) both ortom-showcase-in;position:relative;overflow:hidden;box-shadow:0 28px 70px #0a1f4433}.ortom-program-showcase:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;width:460px;height:460px;position:absolute;top:-190px;right:-140px;box-shadow:0 0 0 54px #ffffff06,0 0 0 108px #ffffff05}.ortom-program-showcase.tone-aisyiyah{--ortom-accent:#06b861;--ortom-accent-rgb:6, 184, 97}.ortom-program-showcase.tone-pemuda{--ortom-accent:#ed3c3c;--ortom-accent-rgb:237, 60, 60}.ortom-program-showcase.tone-nasyiatul{--ortom-accent:#e1b600;--ortom-accent-rgb:225, 182, 0}.ortom-program-showcase.tone-tapak-suci{--ortom-accent:#f04452;--ortom-accent-rgb:240, 68, 82}.ortom-spotlight-stack{z-index:1;display:grid;position:relative}.ortom-spotlight-slide{opacity:0;pointer-events:none;visibility:hidden;grid-area:1/1;grid-template-columns:minmax(330px,.84fr) minmax(0,1.16fr);min-width:0;transition:opacity .55s,transform .72s cubic-bezier(.2,.8,.2,1),visibility 0s .72s;display:grid;transform:translate(20px)}.ortom-spotlight-slide.active{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(0)}.ortom-logo-stage{background:radial-gradient(circle at center, rgba(var(--ortom-accent-rgb), .19), transparent 46%), linear-gradient(145deg, #ffffff08, transparent 70%);border-right:1px solid #ffffff17;place-items:center;min-height:460px;display:grid;position:relative;overflow:hidden}.ortom-logo-stage:before{content:"";border:1px dashed #ffffff1a;border-radius:50%;position:absolute;inset:34px}.ortom-logo-stage:after{background:var(--ortom-accent);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:148px -120px #ffffff6b,-154px -86px #ffffff3d,158px 103px #ffffff40,-142px 132px #ffffff61}.ortom-logo-glow{background:rgba(var(--ortom-accent-rgb), .17);filter:blur(30px);border-radius:50%;width:280px;height:280px;transition:background .55s;position:absolute;transform:scale(.86)}.ortom-logo-frame{z-index:2;width:258px;height:258px;box-shadow:0 26px 60px #00000047, 0 0 0 12px #ffffff0d, 0 0 0 13px rgba(var(--ortom-accent-rgb), .22);opacity:0;background:#fffffff5;border:1px solid #ffffffc7;border-radius:50%;place-items:center;padding:29px;transition:opacity .5s .12s,transform .78s cubic-bezier(.18,.85,.25,1) 80ms;display:grid;position:relative;transform:scale(.82)rotate(-5deg)}.ortom-spotlight-slide.active .ortom-logo-frame{opacity:1;transform:scale(1)rotate(0)}.ortom-logo-frame img{object-fit:contain;filter:drop-shadow(0 10px 16px #0a1f441f);width:100%;height:100%}.ortom-orbit{--orbit-end:-11deg;--orbit-start:-18deg;z-index:1;border:1px solid rgba(var(--ortom-accent-rgb), .42);opacity:0;transform:rotate(var(--orbit-start)) scale(.82);border-radius:50%;transition:opacity .5s .2s;position:absolute}.ortom-orbit:before{background:var(--ortom-accent);width:8px;height:8px;box-shadow:0 0 16px rgba(var(--ortom-accent-rgb), .8);content:"";border-radius:50%;position:absolute;top:50%;left:-4px}.ortom-orbit.orbit-one{width:330px;height:204px}.ortom-orbit.orbit-two{--orbit-end:55deg;--orbit-start:48deg;width:210px;height:338px;transform:rotate(var(--orbit-start)) scale(.82)}.ortom-spotlight-slide.active .ortom-orbit{opacity:1;animation:7s ease-in-out infinite alternate ortom-orbit-drift}.ortom-spotlight-slide.active .ortom-orbit.orbit-two{animation-delay:-2.5s}.ortom-sequence{z-index:3;color:#ffffff85;letter-spacing:.8px;align-items:center;gap:8px;font-size:8px;font-weight:900;display:flex;position:absolute;bottom:31px;left:34px}.ortom-sequence i{background:linear-gradient(90deg, var(--ortom-accent), #ffffff1f);width:44px;height:1px}.ortom-spotlight-content{align-self:center;padding:42px 50px 38px 42px}.ortom-category{border:1px solid rgba(var(--ortom-accent-rgb), .4);background:rgba(var(--ortom-accent-rgb), .12);color:var(--ortom-accent);letter-spacing:1px;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:8.5px;font-weight:900;display:inline-flex}.ortom-category:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px}.ortom-organization{color:#ffffff85;letter-spacing:1.2px;text-transform:uppercase;margin-top:17px;font-size:9px;font-weight:900}.ortom-spotlight-content h3{max-width:600px;color:var(--white);letter-spacing:-1px;margin-top:8px;font-size:clamp(30px,3.3vw,42px);line-height:1.1}.ortom-description{color:#ffffffa8;max-width:630px;margin-top:15px;font-size:12.5px;line-height:1.72}.ortom-program-list{gap:4px;margin-top:21px;display:grid}.ortom-program-item{border-top:1px solid #ffffff1a;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:10px 0 8px;display:grid}.ortom-program-item>span{background:rgba(var(--ortom-accent-rgb), .14);width:28px;height:28px;color:var(--ortom-accent);border-radius:8px;place-items:center;font-size:8px;font-weight:900;display:grid}.ortom-program-item>div{flex-direction:column;min-width:0;display:flex}.ortom-program-item strong{color:var(--white);font-size:11px}.ortom-program-action{color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;margin-top:19px;padding:10px 14px;font-size:10px;font-weight:900;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.ortom-program-action:hover{border-color:rgba(var(--ortom-accent-rgb), .5);background:rgba(var(--ortom-accent-rgb), .18);transform:translateY(-2px)}.ortom-program-action svg{width:14px}.ortom-logo-tabs{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030f2399;border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.ortom-logo-tabs button{color:#ffffff7a;cursor:pointer;text-align:left;background:0 0;border-right:1px solid #ffffff14;align-items:center;gap:11px;min-width:0;padding:13px 16px;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.ortom-logo-tabs button:last-child{border-right:0}.ortom-logo-tabs button:hover,.ortom-logo-tabs button.active{color:var(--white);background:#ffffff13}.ortom-tab-logo{background:#ffffffeb;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:49px;height:49px;padding:6px;transition:border-color .3s,box-shadow .3s,transform .3s;display:grid}.ortom-logo-tabs button.active .ortom-tab-logo{border-color:var(--ortom-accent);box-shadow:0 0 0 4px rgba(var(--ortom-accent-rgb), .11), 0 8px 22px #00000038;transform:translateY(-2px)}.ortom-tab-logo img{object-fit:contain;width:100%;height:100%}.ortom-tab-copy{flex-direction:column;min-width:0;display:flex}.ortom-tab-copy small{color:var(--ortom-accent);letter-spacing:.8px;font-size:7px;font-weight:900}.ortom-tab-copy strong{text-overflow:ellipsis;font-size:9.5px;line-height:1.25;overflow:hidden}.ortom-tab-progress{background:var(--ortom-accent);transform-origin:0;height:3px;animation:5.2s linear both ortom-progress;position:absolute;bottom:0;left:0;right:0}.ortom-tab-progress.paused{animation-play-state:paused}.membership-public-section{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:58px;padding-top:74px;padding-bottom:74px;display:grid}.membership-visual{background:var(--navy);border-radius:25px;min-height:570px;position:relative;overflow:hidden;box-shadow:0 24px 65px #0a1f4433}.membership-visual>img{object-fit:cover;animation:16s ease-in-out infinite alternate membership-drift}.membership-image-shade{background:linear-gradient(#0000 46%,#05132dd4),linear-gradient(135deg,#05132d1a,#0000);position:absolute;inset:0}.membership-floating-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071a3aa3;border:1px solid #ffffff24;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.floating-group-icon,.membership-tab-icon{background:var(--blue-light);width:42px;height:42px;color:var(--blue);border-radius:12px;flex:none;place-items:center;display:grid}.floating-group-icon.tone-gold,.membership-tab-icon.tone-gold{background:var(--gold-light);color:var(--gold-dark)}.floating-group-icon.tone-green,.membership-tab-icon.tone-green{background:var(--green-light);color:var(--green)}.floating-group-icon svg,.membership-tab-icon svg{width:20px}.membership-floating-card>span:last-child{flex-direction:column;display:flex}.membership-floating-card small{color:#ffffff8c;text-transform:uppercase;font-size:8px}.membership-floating-card strong{color:var(--white);font-size:14px}.membership-photo-badge{color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;padding:10px 13px;display:flex;position:absolute;top:22px;left:22px}.membership-photo-badge strong{color:var(--gold);font-size:12px}.membership-photo-badge span{font-size:8.5px}.membership-content{max-width:520px}.membership-lead{color:var(--text-muted);margin-top:14px;font-size:13.5px;line-height:1.72}.membership-tabs{flex-direction:column;gap:8px;margin-top:25px;display:flex}.membership-tabs button{background:var(--white);cursor:pointer;text-align:left;border:1px solid #e0e7f1;border-radius:13px;align-items:center;gap:12px;padding:11px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.membership-tabs button.active{border-color:#3b7dd873;transform:translate(7px);box-shadow:0 10px 26px #0a1f441a}.membership-tabs button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.membership-tabs strong{color:var(--navy);font-size:12px}.membership-tabs small{color:var(--text-muted);font-size:9px}.membership-tabs button>svg{width:16px;color:var(--text-muted);transition:transform .25s}.membership-tabs button.active>svg{color:var(--blue);transform:translate(3px)}.membership-detail{border-left:3px solid var(--gold);background:var(--blue-pale);margin-top:16px;padding:12px 14px;animation:.45s both membership-detail-in}.membership-detail span{color:var(--blue);letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:900}.membership-detail p{color:var(--text-body);margin-top:3px;font-size:11.5px;line-height:1.6}.membership-action{margin-top:18px}.leadership-section{background:radial-gradient(circle at 8% 20%,#3b7dd81a,#0000 25%),radial-gradient(circle at 92% 84%,#c9a84c1a,#0000 24%),#f5f8fc;border-top:1px solid #e5ebf4;padding:76px 0 82px}.leadership-section>.container{padding-top:0;padding-bottom:0}.leadership-heading{margin-bottom:18px}.leadership-demo-note{color:var(--text-muted);background:#ffffffc7;border:1px solid #d7e3f3;border-radius:999px;align-items:center;gap:8px;margin-bottom:23px;padding:7px 11px;font-size:9.5px;display:inline-flex}.leadership-demo-note+.leadership-board{margin-top:22px}.leadership-demo-note svg{width:14px;height:14px;color:var(--blue);flex:none}.leadership-org-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.leadership-org-tabs button{min-width:0;color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffffc2;border:1px solid #dde6f2;border-radius:14px;align-items:center;gap:10px;padding:10px;transition:border-color .25s,box-shadow .25s,color .25s,transform .25s;display:flex}.leadership-org-tabs button:hover,.leadership-org-tabs button.active{background:var(--white);color:var(--navy);border-color:#2563a861;transform:translateY(-2px);box-shadow:0 10px 26px #0a1f441a}.leadership-org-logo{background:#f4f7fb;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:6px;display:grid}.leadership-org-logo img{object-fit:contain;width:100%;height:100%}.leadership-org-tabs button>span:last-child{flex-direction:column;min-width:0;display:flex}.leadership-org-tabs small{color:var(--blue);letter-spacing:.8px;font-size:7px;font-weight:900}.leadership-org-tabs strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.leadership-board{--leadership-accent:#245f9f;--leadership-accent-rgb:36, 95, 159;background:var(--white);border:1px solid #dbe4f0;border-radius:25px;animation:.5s both leadership-board-in;overflow:hidden;box-shadow:0 26px 70px #0a1f4424}.leadership-board.tone-green{--leadership-accent:#147a46;--leadership-accent-rgb:20, 122, 70}.leadership-board.tone-red{--leadership-accent:#b42332;--leadership-accent-rgb:180, 35, 50}.leadership-board.tone-gold{--leadership-accent:#80620b;--leadership-accent-rgb:128, 98, 11}.leadership-board.tone-maroon{--leadership-accent:#892435;--leadership-accent-rgb:137, 36, 53}.leadership-board-head{background:radial-gradient(circle at 90% 0%, rgba(var(--leadership-accent-rgb), .32), transparent 34%), linear-gradient(125deg, #071a3a, var(--navy-2));justify-content:space-between;align-items:center;gap:38px;padding:24px 30px;display:flex;position:relative;overflow:hidden}.leadership-board-head:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:18%;box-shadow:0 0 0 38px #ffffff05}.leadership-board-identity{z-index:1;align-items:center;gap:15px;min-width:0;display:flex;position:relative}.leadership-board-logo{background:#fffffff2;border:1px solid #ffffff38;border-radius:18px;flex:none;place-items:center;width:68px;height:68px;padding:9px;display:grid;box-shadow:0 12px 28px #00000038}.leadership-board-logo img{object-fit:contain;width:100%;height:100%}.leadership-board-identity>span:last-child{min-width:0}.leadership-board-identity small{color:var(--leadership-accent);letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.4}.leadership-board-identity h3{color:var(--white);margin-top:4px;font-size:clamp(18px,1.7vw,22px);line-height:1.3}.leadership-board-head>p{z-index:1;color:#ffffff9e;max-width:430px;font-size:13px;line-height:1.6;position:relative}.leadership-board-layout{background:linear-gradient(135deg, rgba(var(--leadership-accent-rgb), .04), transparent 38%), #f8fafe;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:20px;padding:20px;display:grid}.leadership-profile{background:var(--white);border:1px solid #dce5f1;border-radius:14px;animation:.45s both leadership-profile-in;overflow:hidden;box-shadow:0 8px 24px #0a1f4414}.leadership-profile-photo{aspect-ratio:4/5;background:#fff;border-bottom:1px solid #e3e9f2;width:100%;height:auto;position:relative;overflow:hidden}.leadership-profile-photo img{object-fit:contain;object-position:center bottom}.leadership-photo-placeholder,.leadership-node-placeholder{color:#8a9aae;background:linear-gradient(145deg,#f5f8fc,#e8eef6);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.leadership-photo-placeholder svg{stroke-width:1.35px;width:74px;height:74px}.leadership-photo-placeholder small{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:750}.leadership-node-placeholder svg{stroke-width:1.5px;width:25px;height:25px}.leadership-supervisor{background:rgba(var(--leadership-accent-rgb), .07);text-align:center;border-bottom:1px solid #dce5f1;justify-content:center;align-items:center;gap:10px;padding:12px 20px;display:flex}.leadership-supervisor small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.leadership-supervisor strong{color:var(--navy);font-size:12px}.leadership-profile-copy{text-align:center;flex-direction:column;align-items:center;padding:20px 18px 22px;display:flex}.leadership-profile-role{background:rgba(var(--leadership-accent-rgb), .11);color:var(--leadership-accent);letter-spacing:.7px;text-transform:uppercase;border-radius:999px;margin-top:7px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.leadership-profile-copy h3{color:var(--navy);font-size:21px;line-height:1.3}.leadership-profile-copy>p{max-width:34ch;color:var(--text-muted);margin-top:11px;font-size:13px;line-height:1.65}.leadership-profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px;display:grid}.leadership-profile-facts>span{background:#f8fafe;border:1px solid #e0e7f1;border-radius:11px;flex-direction:column;min-width:0;padding:9px;display:flex}.leadership-profile-facts svg{width:15px;height:15px;color:var(--leadership-accent);margin-bottom:7px}.leadership-profile-facts small{color:var(--text-muted);letter-spacing:.25px;text-transform:uppercase;font-size:9px;font-weight:700}.leadership-profile-facts strong{color:var(--navy);margin-top:2px;font-size:10.5px;line-height:1.4}.leadership-chart{background:radial-gradient(circle at 50% 16%, rgba(var(--leadership-accent-rgb), .1), transparent 26%), var(--white);border:1px solid #dce5f1;border-radius:19px;min-width:0;padding:22px;position:relative}.leadership-chart-label{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px;display:flex}.leadership-chart-label span{color:var(--navy);font-size:17px;font-weight:900;line-height:1.35}.leadership-chart-label small{color:var(--text-muted);font-size:11px;line-height:1.45}.leadership-level{z-index:1;gap:10px;display:grid;position:relative}.leadership-chair-level{width:min(100%,340px);margin:0 auto}.leadership-executive-level{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-board.organization-tpb .leadership-executive-level{grid-template-columns:repeat(3,minmax(0,1fr))}.leadership-board.organization-tpb .leadership-member-node{min-height:98px}.leadership-board.organization-tpb .leadership-node-copy strong{-webkit-line-clamp:3;font-size:12.5px}.leadership-board.organization-perpustakaan .leadership-member-node{min-height:102px}.leadership-board.organization-perpustakaan .leadership-node-copy small{-webkit-line-clamp:3}.leadership-gallery{background:#fff;border:1px solid #dbe4ee;border-radius:20px;margin-top:30px;padding:24px;box-shadow:0 12px 32px #14305212}.leadership-gallery-heading{margin-bottom:18px}.leadership-gallery-heading span{color:#a32727;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850}.leadership-gallery-heading h3{color:#102f5b;margin:5px 0 0;font-size:24px}.leadership-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.leadership-gallery-grid article{background:#f8fafc;border:1px solid #e0e6ee;border-radius:15px;overflow:hidden}.leadership-gallery-grid article>div{background:linear-gradient(145deg,#e9eef4,#dbe3ec);height:560px;position:relative;overflow:hidden}.leadership-gallery-grid img{object-fit:contain;object-position:center}.leadership-gallery-grid h4{color:#173653;margin:16px 17px 5px;font-size:16px}.leadership-gallery-grid p{color:#667b90;margin:0;padding:0 17px 17px;font-size:12px;line-height:1.6}.leadership-field-level{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-member-node{background:var(--white);cursor:pointer;text-align:left;border:1px solid #dce5f1;border-radius:13px;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:13px;min-width:0;min-height:86px;padding:11px 12px 11px 10px;transition:border-color .24s,box-shadow .24s,transform .24s;display:grid;box-shadow:0 5px 14px #0a1f440f}.leadership-member-node:hover,.leadership-member-node.active{border-color:rgba(var(--leadership-accent-rgb), .52);transform:translateY(-2px);box-shadow:0 10px 24px #0a1f441c}.leadership-member-node.active{background:linear-gradient(135deg, rgba(var(--leadership-accent-rgb), .1), var(--white))}.leadership-node-photo{background:#e6edf6;border-radius:10px;width:58px;height:62px;position:relative;overflow:hidden}.leadership-node-photo img{object-fit:cover;object-position:center top}.leadership-node-copy{flex-direction:column;justify-content:center;min-width:0;font-family:Arial,Helvetica Neue,sans-serif;display:flex}.leadership-node-copy small{color:var(--leadership-accent);letter-spacing:.2px;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;font-weight:800;line-height:1.4;display:-webkit-box}.leadership-node-copy strong{color:var(--navy);letter-spacing:-.1px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:14px;font-weight:800;line-height:1.4;display:-webkit-box}.leadership-member-node>svg{color:#9aabc1;width:15px;transition:transform .2s}.leadership-member-node:hover>svg,.leadership-member-node.active>svg{color:var(--leadership-accent);transform:translate(2px)}.leadership-connector{margin:0 auto;display:block;position:relative}.leadership-connector.vertical{background:#bdcadb;width:1px;height:16px}.leadership-connector.branch{border-top:1px solid #bdcadb;width:75%;height:18px}.leadership-connector.branch:before,.leadership-connector.branch:after{content:"";background:#bdcadb;width:1px;height:18px;position:absolute;top:-1px}.leadership-connector.branch:before{left:25%}.leadership-connector.branch:after{right:25%}.public-services-section{background:linear-gradient(135deg, #f0f5fdd1, #ffffffe6), var(--gray-bg);border-top:1px solid #e8edf5;padding:64px 0 74px}.public-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.public-service-card{background:var(--white);border:1px solid #dde6f2;border-radius:17px;flex-direction:column;align-items:flex-start;min-height:275px;padding:22px;transition:box-shadow .3s,transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.public-service-card:after{background:var(--blue);content:"";opacity:.045;border-radius:50%;width:140px;height:140px;transition:transform .4s;position:absolute;bottom:-52px;right:-45px}.public-service-card.tone-navy:after{background:var(--navy)}.public-service-card.tone-gold:after{background:var(--gold)}.public-service-card.tone-green:after{background:var(--green)}.public-service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.public-service-card:hover:after{transform:scale(1.25)}.service-card-icon{background:var(--blue-light);width:45px;height:45px;color:var(--blue);border-radius:13px;place-items:center;display:grid}.tone-navy .service-card-icon{background:var(--navy);color:var(--gold)}.tone-gold .service-card-icon{background:var(--gold-light);color:var(--gold-dark)}.tone-green .service-card-icon{background:var(--green-light);color:var(--green)}.service-card-icon svg{width:21px}.service-subtitle{color:var(--blue);letter-spacing:.8px;text-transform:uppercase;margin-top:18px;font-size:8.5px;font-weight:900}.public-service-card h3{color:var(--navy);margin-top:3px;font-size:17px}.public-service-card button{z-index:1;color:var(--blue);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:10px;font-weight:900;display:inline-flex}.public-service-card button svg{width:13px;transition:transform .2s}.public-service-card button:hover svg{transform:translate(3px)}.portal-page{background:radial-gradient(circle at 8% 18%, #3b7dd812, transparent 26%), var(--gray-bg)}.portal-container{padding-top:30px}.portal-heading{background:radial-gradient(circle at 80% 20%, #c9a84c2e, transparent 24%), linear-gradient(125deg, var(--navy), var(--navy-3));justify-content:space-between;align-items:flex-end;gap:30px;min-height:196px;padding:44px max(24px,50vw - 566px) 36px;display:flex}.portal-heading>div:first-child{max-width:720px}.portal-heading span:first-child,.panel-eyebrow{color:var(--blue);letter-spacing:1.2px;text-transform:uppercase;font-size:9.5px;font-weight:900}.portal-heading span:first-child{color:var(--gold)}.portal-heading h1{color:var(--white);margin-top:6px;font-size:clamp(27px,4vw,39px);line-height:1.15}.portal-heading p{color:#ffffffa8;max-width:680px;margin-top:10px;font-size:13px}.live-status{color:#fffc;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:800;display:inline-flex}.live-status i{background:#5fe09a;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 6px #5fe09a1a}.dashboard-kpis,.finance-summary,.member-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--blue-light);background:var(--white);min-height:132px;box-shadow:var(--shadow-sm);border-radius:15px;align-items:flex-start;gap:13px;padding:20px;display:flex;position:relative;overflow:hidden}.metric-icon{background:var(--blue-light);width:42px;height:42px;color:var(--blue);border-radius:12px;flex:none;place-items:center;display:grid}.metric-icon svg{width:20px}.metric-card.tone-green .metric-icon{background:var(--green-light);color:var(--green)}.metric-card.tone-gold .metric-icon{background:var(--gold-light);color:var(--gold-dark)}.metric-card.tone-purple .metric-icon{color:#7654c7;background:#f0ebff}.metric-card>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.metric-label{color:var(--text-muted);font-size:10px;font-weight:800}.metric-value{color:var(--navy);margin-top:2px;font-size:22px;line-height:1.2}.metric-detail{color:var(--text-muted);margin-top:5px;font-size:10.5px}.metric-trend{background:var(--green-light);color:var(--green);border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900;position:absolute;bottom:13px;right:13px}.panel{border:1px solid var(--blue-light);background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:22px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-head h2,.database-toolbar h2,.event-overview h2,.attendance-banner h2,.pwa-banner h2{color:var(--navy);margin-top:3px;font-size:16px;line-height:1.3}.panel-action{color:var(--text-muted);flex:none;font-size:10.5px;font-weight:700}.dashboard-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:18px;margin-bottom:18px;display:grid}.lower-grid{grid-template-columns:1fr 1fr}.line-chart{background:repeating-linear-gradient(#0000 0 52px,#edf1f8 53px,#0000 54px);height:190px;padding-left:26px;position:relative}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-scale{color:#9aa6bb;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:2px;bottom:24px;left:0}.chart-line{fill:none;stroke:var(--blue-mid);stroke-dasharray:800;stroke-dashoffset:800px;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.is-visible .chart-line{animation:1.4s .15s forwards draw-line}.chart-area{opacity:0}.is-visible .chart-area{animation:.8s .8s forwards chart-fade}.chart-dot{fill:var(--white);stroke:var(--blue-mid);stroke-width:3px}.chart-value{fill:var(--navy);text-anchor:middle;font-size:9px;font-weight:800}.chart-month{fill:var(--text-muted);text-anchor:middle;font-size:9px}.progress-list{flex-direction:column;gap:19px;display:flex}.progress-copy{color:var(--text-body);justify-content:space-between;gap:16px;font-size:11px;display:flex}.progress-copy strong{color:var(--navy)}.progress-track{background:#edf1f7;border-radius:999px;height:8px;margin-top:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--blue-mid);width:0;height:100%;display:block}.progress-fill.green{background:#28a264}.progress-fill.gold{background:var(--gold)}.progress-fill.purple{background:#8063c8}.is-visible .progress-fill,.page.active .progress-fill{width:var(--progress);transition:width 1s cubic-bezier(.2,.8,.2,1) .25s}.program-list,.timeline-list{flex-direction:column;display:flex}.program-row{border-bottom:1px solid var(--gray-light);align-items:center;gap:12px;padding:11px 0;display:flex}.program-row:first-child{padding-top:0}.program-row:last-child,.timeline-row:last-child{border-bottom:0;padding-bottom:0}.program-ring{background:radial-gradient(circle closest-side, white 76%, transparent 78% 99%), conic-gradient(var(--blue-mid) calc(var(--value) * 1%), #e8eef7 0);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.program-ring span{color:var(--navy);font-size:8.5px;font-weight:900}.program-copy{flex-direction:column;flex:1;min-width:0;display:flex}.program-copy strong,.timeline-copy strong{color:var(--navy);font-size:11.5px}.program-copy span,.timeline-copy small{color:var(--text-muted);font-size:9.5px}.ghost-icon{background:var(--blue-pale);width:34px;height:34px;color:var(--blue);cursor:pointer;border-radius:9px;flex:none;place-items:center;transition:background .2s,transform .2s;display:grid}.ghost-icon:hover{background:var(--blue-light);transform:translateY(-2px)}.ghost-icon svg{width:15px}.timeline-row{grid-template-columns:44px 14px 1fr;align-items:start;gap:9px;padding:0 0 17px;display:grid;position:relative}.timeline-row:not(:last-child):after{content:"";background:#dce5f2;width:1px;position:absolute;top:17px;bottom:0;left:59px}.timeline-date{color:var(--blue);font-size:9.5px;font-weight:900}.timeline-dot{z-index:1;border:3px solid var(--white);background:var(--gold);width:10px;height:10px;box-shadow:0 0 0 1px var(--gold);border-radius:50%;margin-top:2px;position:relative}.timeline-copy{flex-direction:column;display:flex}.mini-stat{border:1px solid var(--blue-light);background:var(--white);border-radius:14px;flex-direction:column;padding:18px;display:flex}.mini-stat span{color:var(--text-muted);font-size:10px;font-weight:800}.mini-stat strong{color:var(--navy);margin:2px 0;font-size:23px}.mini-stat small{color:var(--blue);font-size:9.5px}.member-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.database-toolbar,.finance-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-row{justify-content:space-between;align-items:center;gap:14px;margin:20px 0 14px;display:flex}.search-field{background:#f9fbfe;border:1px solid #dbe3ef;border-radius:10px;align-items:center;gap:9px;width:min(100%,350px);padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--blue-mid);box-shadow:0 0 0 3px #3b7dd81a}.search-field svg{width:16px;color:var(--text-muted)}.search-field input{width:100%;height:40px;color:var(--text-dark);background:0 0;border:0;outline:0;font-size:11px}.filter-pills{background:var(--blue-pale);border-radius:10px;gap:5px;padding:4px;display:flex}.filter-pills button{color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:6px 10px;font-size:9.5px;font-weight:800}.filter-pills button.active{background:var(--white);box-shadow:var(--shadow-sm);color:var(--blue)}.member-table-wrap{overflow-x:auto}.member-table{border-collapse:collapse;width:100%;font-size:10.5px}.member-table th{border-bottom:1px solid var(--gray-light);color:var(--text-muted);letter-spacing:.6px;text-align:left;text-transform:uppercase;padding:10px;font-size:8.5px}.member-table td{color:var(--text-body);cursor:pointer;border-bottom:1px solid #eef1f6;padding:11px 10px;transition:background .18s}.member-table tbody tr:hover td,.member-table tbody tr.selected td{background:var(--blue-pale)}.member-person{align-items:center;gap:9px;min-width:160px;display:flex}.member-person>span:last-child{flex-direction:column;display:flex}.member-person strong{color:var(--navy)}.member-person small{color:var(--text-muted);font-size:8.5px}.member-avatar{background:linear-gradient(135deg, var(--navy-3), var(--blue));width:34px;height:34px;color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.status-badge{border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:900}.status-badge.aktif{background:var(--green-light);color:var(--green)}.status-badge.nonaktif{background:var(--red-light);color:#a33a33}.empty-state{color:var(--text-muted);text-align:center;padding:30px;font-size:12px}.digital-card-wrap{position:sticky;top:92px}.digital-card{background:radial-gradient(circle at 90% 10%, #c9a84c47, transparent 28%), linear-gradient(135deg, var(--navy), #163d77);color:var(--white);border-radius:20px;margin-top:8px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 42px #0a1f443b}.digital-card:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-64px;right:-48px;box-shadow:0 0 0 26px #ffffff06}.digital-card-top,.digital-card-body,.digital-card-meta{z-index:1;position:relative}.digital-card-top,.digital-brand{justify-content:space-between;align-items:center;gap:9px;display:flex}.digital-brand{justify-content:flex-start}.digital-brand i{background:var(--gold);width:34px;height:34px;color:var(--navy);border-radius:50%;place-items:center;font-family:Amiri,serif;font-style:normal;font-weight:800;display:grid}.digital-brand span{flex-direction:column;display:flex}.digital-brand strong{letter-spacing:.5px;font-size:9px}.digital-brand small{color:#ffffff8c;font-size:7px}.digital-card-top>svg{width:20px;color:var(--gold)}.digital-card-body{justify-content:space-between;align-items:center;gap:12px;margin:27px 0 24px;display:flex}.digital-profile{align-items:center;gap:11px;min-width:0;display:flex}.digital-profile>span:last-child{flex-direction:column;min-width:0;display:flex}.digital-avatar{background:#ffffff21;border:2px solid #ffffff73;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:14px;font-weight:900;display:grid}.digital-profile small,.digital-card-meta small{color:#ffffff7a;font-size:7px}.digital-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.digital-profile em{color:var(--gold);font-size:8px;font-style:normal}.qr-code{border:5px solid var(--white);background:var(--white);flex:none;grid-template-columns:repeat(8,1fr);gap:1px;width:66px;height:66px;display:grid}.qr-code i{background:var(--white)}.qr-code i.filled{background:var(--navy)}.digital-card-meta{border-top:1px solid #ffffff21;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:13px;display:grid}.digital-card-meta span{flex-direction:column;display:flex}.digital-card-meta strong{font-size:8.5px}.card-validation{background:var(--green-light);color:var(--green);border:1px solid #cbeedb;border-radius:11px;align-items:center;gap:10px;margin:14px 0;padding:11px 13px;display:flex}.card-validation svg{width:18px}.card-validation span{flex-direction:column;display:flex}.card-validation strong{font-size:9.5px}.card-validation small{font-size:8px}.finance-actions{margin-bottom:18px}.finance-actions p{color:var(--text-muted);font-size:11px}.finance-actions p strong{color:var(--navy)}.finance-actions>div{gap:8px;display:flex}.finance-card{border:1px solid var(--blue-light);border-top:3px solid var(--blue);background:var(--white);border-radius:14px;flex-direction:column;padding:18px;display:flex}.finance-card.tone-green{border-top-color:var(--green)}.finance-card.tone-red{border-top-color:#c55252}.finance-card.tone-gold{border-top-color:var(--gold)}.finance-card span{color:var(--text-muted);font-size:9.5px;font-weight:800}.finance-card strong{color:var(--navy);margin:4px 0;font-size:18px}.finance-card small{color:var(--green);font-size:8.5px}.bar-chart{background:repeating-linear-gradient(#0000 0 44px,#edf1f7 45px,#0000 46px);border-bottom:1px solid #dce4f0;justify-content:space-around;align-items:flex-end;gap:8px;height:190px;padding:0 14px 4px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bars{align-items:flex-end;gap:5px;height:155px;display:flex}.bar{border-radius:5px 5px 1px 1px;width:clamp(9px,1.5vw,16px);height:0;display:block}.bar.income{background:linear-gradient(to top, var(--blue), #67a0e9)}.bar.expense{background:linear-gradient(to top, var(--gold-dark), #e1bf65)}.is-visible .bar,.page.active .bar{height:var(--bar-height);transition:height 1s cubic-bezier(.2,.8,.2,1) .25s}.bar-group>span{color:var(--text-muted);font-size:8px}.chart-legend{color:var(--text-muted);justify-content:center;gap:18px;margin-top:14px;font-size:9px;display:flex}.chart-legend span,.allocation-row span{align-items:center;gap:6px;display:inline-flex}.chart-legend i,.allocation-row i{border-radius:50%;width:8px;height:8px}.legend-income,.allocation-row i.blue{background:var(--blue)}.legend-expense,.allocation-row i.gold{background:var(--gold)}.allocation-row i.green{background:var(--green)}.allocation-row i.purple{background:#8063c8}.donut-wrap{justify-content:center;align-items:center;gap:28px;min-height:180px;display:flex}.donut-chart{background:radial-gradient(circle closest-side, var(--white) 68%, transparent 70%), conic-gradient(var(--blue) 0 34%, var(--green) 34% 61%, var(--gold) 61% 83%, #8063c8 83%);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:132px;height:132px;display:flex}.donut-chart span{color:var(--navy);font-size:20px;font-weight:900}.donut-chart small{color:var(--text-muted);font-size:8px}.allocation-list{flex-direction:column;gap:11px;min-width:150px;display:flex}.allocation-row{color:var(--text-muted);justify-content:space-between;gap:14px;font-size:9.5px;display:flex}.allocation-row strong{color:var(--navy)}.transaction-panel{margin-bottom:20px}.transaction-list{grid-template-columns:1fr 1fr;column-gap:28px;display:grid}.transaction-row{border-bottom:1px solid var(--gray-light);align-items:center;gap:11px;padding:11px 0;display:flex}.transaction-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid}.transaction-icon.in{background:var(--green-light);color:var(--green)}.transaction-icon.out{background:var(--red-light);color:#b14949}.transaction-copy{flex-direction:column;flex:1;min-width:0;display:flex}.transaction-copy strong{color:var(--navy);font-size:10.5px}.transaction-copy small{color:var(--text-muted);font-size:8.5px}.amount-in,.amount-out{font-size:10px}.amount-in{color:var(--green)}.amount-out{color:#b14949}.gallery-grid{grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:220px;gap:14px;margin-bottom:50px;display:grid}.gallery-grid.compact{grid-template-columns:1.35fr 1fr 1fr}.gallery-card{background:var(--navy);cursor:pointer;min-height:220px;color:var(--white);text-align:left;border-radius:16px;position:relative;overflow:hidden}.gallery-card img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.gallery-card:hover img{transform:scale(1.055)}.gallery-1{grid-row:span 2}.gallery-4{grid-column:span 2}.gallery-shade{background:linear-gradient(#05122b05 34%,#05122bf0);position:absolute;inset:0}.gallery-copy{flex-direction:column;padding:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-copy small,.news-copy>span{color:var(--gold);letter-spacing:.8px;text-transform:uppercase;font-size:8.5px;font-weight:900}.gallery-copy strong{margin-top:4px;font-size:14px}.gallery-copy>span{color:#ffffffad;opacity:0;align-items:center;gap:5px;max-height:0;font-size:9px;transition:max-height .3s,margin .3s,opacity .3s;display:inline-flex;overflow:hidden}.gallery-copy>span svg{width:12px}.gallery-card:hover .gallery-copy>span{opacity:1;max-height:24px;margin-top:7px}.lightbox{z-index:2000;place-items:center;padding:24px;animation:.25s both lightbox-in;display:grid;position:fixed;inset:0}.lightbox-backdrop{cursor:zoom-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030c1de0;position:absolute;inset:0}.lightbox-card{z-index:1;background:var(--white);border-radius:18px;width:min(900px,96vw);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000070}.lightbox-image{aspect-ratio:16/9;background:var(--navy);position:relative}.lightbox-image img{object-fit:cover}.lightbox-close{z-index:2;width:38px;height:38px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07142eb8;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.lightbox-close svg{width:18px}.lightbox-copy{padding:20px 24px 24px}.lightbox-copy span{color:var(--blue);letter-spacing:.7px;text-transform:uppercase;font-size:9px;font-weight:900}.lightbox-copy h2{color:var(--navy);margin-top:3px;font-size:19px}.lightbox-copy p{color:var(--text-muted);margin-top:5px;font-size:12px}.news-grid{grid-template-columns:1.2fr 1fr;grid-auto-rows:230px;gap:14px;margin-bottom:48px;display:grid}.news-card{background:var(--navy);border-radius:17px;position:relative;overflow:hidden}.news-card.featured{grid-row:span 2}.news-card img{object-fit:cover;transition:transform .8s}.news-card:hover img{transform:scale(1.04)}.news-overlay{background:linear-gradient(#040f260a 28%,#040f26f5);position:absolute;inset:0}.news-copy{padding:20px;position:absolute;bottom:0;left:0;right:0}.news-copy h2{color:var(--white);margin-top:5px;font-size:17px}.news-card.featured .news-copy h2{font-size:24px}.news-copy p{color:#ffffffa3;max-width:500px;margin-top:4px;font-size:10.5px}.news-copy button{color:var(--white);cursor:pointer;background:0 0;align-items:center;gap:5px;margin-top:10px;font-size:9.5px;font-weight:800;display:inline-flex}.news-copy button svg{width:12px}.event-overview,.attendance-banner,.pwa-banner{background:radial-gradient(circle at 90% 0%, #c9a84c3d, transparent 30%), linear-gradient(135deg, var(--navy), var(--navy-3));color:var(--white);border-radius:17px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding:26px;display:flex;overflow:hidden}.event-overview h2,.attendance-banner h2,.pwa-banner h2{color:var(--white)}.event-overview p,.attendance-banner p,.pwa-banner p{color:#ffffff9e;max-width:610px;margin-top:5px;font-size:11.5px}.event-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;min-width:220px;display:flex}.event-overview-actions span{color:#ffffffbf;background:#ffffff17;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;display:inline-flex}.event-overview-actions span svg{width:13px}.attendance-banner{background:radial-gradient(circle at 75% 20%, #3b7dd857, transparent 28%), linear-gradient(135deg, #102b57, var(--navy))}.attendance-icon,.pwa-icon{background:var(--gold);width:58px;height:58px;color:var(--navy);border-radius:16px;flex:none;place-items:center;display:grid}.attendance-icon svg,.pwa-icon svg{width:27px;height:27px}.attendance-banner>div,.pwa-banner>div:nth-child(2){flex:1}.admin-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;margin-bottom:18px;display:grid}.document-form{flex-direction:column;gap:13px;display:flex}.document-form label{color:var(--navy);flex-direction:column;gap:5px;font-size:9.5px;font-weight:800;display:flex}.document-form input,.document-form select{width:100%;height:41px;color:var(--text-body);background:#f9fbfe;border:1px solid #dbe3ef;border-radius:9px;outline:0;padding:0 11px;font-size:10.5px}.document-form input:focus,.document-form select:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #3b7dd81a}.generated-note{background:var(--green-light);color:var(--green);border-radius:9px;align-items:center;gap:7px;padding:10px;font-size:9.5px;font-weight:800;display:flex}.generated-note svg{width:16px}.archive-search{width:100%;margin-bottom:12px}.archive-list{flex-direction:column;display:flex}.archive-row{border-bottom:1px solid var(--gray-light);align-items:center;gap:11px;padding:10px 0;display:flex}.archive-row:last-child{border-bottom:0}.archive-icon,.role-icon{background:var(--blue-light);width:38px;height:38px;color:var(--blue);border-radius:10px;flex:none;place-items:center;display:grid}.archive-icon svg,.role-icon svg{width:18px}.archive-row>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.archive-row strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.archive-row small{color:var(--text-muted);font-size:8.5px}.role-panel{margin-bottom:18px}.role-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.role-card{border:1px solid var(--blue-light);border-radius:12px;align-items:center;gap:10px;padding:12px;transition:transform .2s,box-shadow .2s;display:flex}.role-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.role-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.role-card strong{color:var(--navy);font-size:10.5px}.role-card span{color:var(--text-muted);font-size:8.5px}.role-card>small{background:var(--blue-pale);color:var(--blue);border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.pwa-banner{margin-bottom:0}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(22px)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.stagger-grid>.reveal:nth-child(2){transition-delay:60ms}.stagger-grid>.reveal:nth-child(3){transition-delay:.12s}.stagger-grid>.reveal:nth-child(4){transition-delay:.18s}.stagger-grid>.reveal:nth-child(5){transition-delay:.24s}.stagger-grid>.reveal:nth-child(6){transition-delay:.3s}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #5fe09a14}50%{box-shadow:0 0 0 8px #5fe09a05}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes chart-fade{to{opacity:1}}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes map-pulse{0%{box-shadow:0 0 #c9a84c61}70%{box-shadow:0 0 0 18px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}@keyframes activity-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ortom-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ortom-showcase-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ortom-orbit-drift{0%{transform:rotate(var(--orbit-start)) scale(.96)}to{transform:rotate(var(--orbit-end)) scale(1.02)}}@keyframes membership-drift{0%{transform:scale(1.02)translate(-.5%)}to{transform:scale(1.075)translate(1.5%,-.5%)}}@keyframes membership-detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes leadership-board-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes leadership-profile-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.admin-auth-shell,.admin-app{background:radial-gradient(circle at 10% 10%,#3b7dd81f,#0000 28%),#f2f5fa;min-height:100vh}.admin-auth-shell{place-items:center;padding:24px;display:grid}.admin-login-card{background:var(--white);border:1px solid #dce5f1;border-radius:22px;width:min(100%,420px);padding:35px;box-shadow:0 24px 70px #0a1f4426}.admin-login-brand{background:var(--white);border:2px solid #c9a84cb8;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:20px;display:grid;box-shadow:0 10px 30px #0a1f4421}.admin-login-brand img{object-fit:contain;width:46px;height:46px}.admin-login-card>span,.admin-topbar span,.admin-panel-eyebrow{color:var(--blue);letter-spacing:1px;text-transform:uppercase;font-size:8.5px;font-weight:900}.admin-login-card h1{color:var(--navy);margin-top:5px;font-size:28px}.admin-login-card p{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.65}.admin-login-card label,.admin-form-grid label,.admin-gallery-card label{color:var(--navy);flex-direction:column;gap:6px;font-size:9px;font-weight:900;display:flex}.admin-login-card label{margin-top:22px}.admin-login-card input,.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.admin-gallery-card input,.admin-gallery-card textarea{width:100%;color:var(--text-dark);background:#f9fbfe;border:1px solid #d9e2ef;border-radius:9px;outline:0;padding:10px 11px;font-size:11px}.admin-login-card input:focus,.admin-form-grid input:focus,.admin-form-grid textarea:focus,.admin-form-grid select:focus,.admin-gallery-card input:focus,.admin-gallery-card textarea:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #3b7dd81a}.admin-form-grid textarea,.admin-gallery-card textarea{resize:vertical;min-height:90px}.admin-login-card>button{background:var(--navy);width:100%;color:var(--white);cursor:pointer;border-radius:10px;margin-top:16px;padding:12px;font-size:11px;font-weight:900}.admin-login-card>a{color:var(--blue);text-align:center;margin-top:15px;font-size:10px;font-weight:800;text-decoration:none;display:block}.admin-login-error{background:var(--red-light);color:#a33a33;border-radius:8px;margin-top:10px;padding:9px 11px;font-size:9.5px}.admin-spinner{width:22px;height:22px;animation:.8s linear infinite admin-spin}.admin-app{background:linear-gradient(to right, var(--navy) 0 245px, #f2f5fa 245px 100%);grid-template-columns:245px minmax(0,1fr);min-height:100dvh;display:grid}.admin-sidebar{background:radial-gradient(circle at 20% 10%, #c9a84c24, transparent 25%), var(--navy);height:100dvh;min-height:100dvh;color:var(--white);flex-direction:column;align-self:start;padding:24px 16px;display:flex;position:sticky;top:0}.admin-sidebar-brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 8px 24px;display:flex}.admin-sidebar-brand>span{background:var(--white);border:2px solid #c9a84c9e;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 8px 22px #00000038}.admin-sidebar-brand>span img{object-fit:contain;width:36px;height:36px}.admin-sidebar-brand>div{flex-direction:column;display:flex}.admin-sidebar-brand strong{font-size:13px}.admin-sidebar-brand small{color:#ffffff73;font-size:8px}.admin-sidebar nav{flex-direction:column;gap:4px;margin-top:22px;display:flex}.admin-sidebar nav button,.admin-sidebar-foot a,.admin-sidebar-foot button{color:#ffffff9e;cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:10px;padding:10px 11px;font-size:10.5px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:flex}.admin-sidebar nav button.active,.admin-sidebar nav button:hover,.admin-sidebar-foot a:hover,.admin-sidebar-foot button:hover{color:var(--white);background:#ffffff17}.admin-sidebar nav button.active{background:var(--gold);color:var(--navy)}.admin-sidebar nav svg,.admin-sidebar-foot svg{width:17px;height:17px}.admin-sidebar-foot{border-top:1px solid #ffffff17;flex-direction:column;margin-top:auto;padding-top:14px;display:flex}.admin-workspace{min-width:0}.admin-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #dfe6f0;justify-content:space-between;align-items:center;gap:20px;min-height:79px;padding:15px 28px;display:flex;position:sticky;top:0}.admin-topbar h1{color:var(--navy);margin-top:2px;font-size:20px}.admin-topbar-actions{align-items:center;gap:12px;display:flex}.admin-notice{background:var(--green-light);border-radius:999px;padding:6px 10px;color:var(--green)!important;letter-spacing:0!important;text-transform:none!important;font-size:8.5px!important}.admin-save-button,.admin-publish-gallery{background:linear-gradient(135deg, var(--blue), var(--blue-mid));color:var(--white);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #2563a82e}.admin-save-button:disabled,.admin-publish-gallery:disabled{cursor:wait;opacity:.6}.admin-save-button svg,.admin-publish-gallery svg{width:15px}.admin-content{max-width:1320px;margin:0 auto;padding:26px 28px 50px}.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.admin-summary-grid button{background:var(--white);min-height:125px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border:1px solid #dde5f0;border-radius:14px;flex-direction:column;align-items:flex-start;padding:18px;transition:box-shadow .2s,transform .2s;display:flex}.admin-summary-grid button:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.admin-summary-grid span{color:var(--text-muted);font-size:9.5px;font-weight:800}.admin-summary-grid strong{color:var(--navy);margin-top:3px;font-size:28px}.admin-summary-grid small{color:var(--blue);margin-top:auto;font-size:8.5px;font-weight:900}.admin-dashboard-grid{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.admin-panel{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid #dce5f1;border-radius:16px;padding:22px}.admin-panel h2{color:var(--navy);margin-top:4px;font-size:17px}.admin-panel>p{color:var(--text-muted);margin-top:7px;font-size:11px;line-height:1.65}.admin-sync-row{background:var(--green-light);border-radius:11px;align-items:center;gap:10px;margin-top:24px;padding:12px;display:flex}.admin-sync-row i{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #1a7a451a}.admin-sync-row span{flex-direction:column;display:flex}.admin-sync-row strong{color:var(--green);font-size:9.5px}.admin-sync-row small{color:#4f8668;font-size:8px}.admin-latest-image,.admin-image-preview{background:var(--navy);border-radius:12px;position:relative;overflow:hidden}.admin-latest-image{height:155px;margin-top:12px}.admin-image-preview{height:265px;margin-bottom:14px}.admin-latest-image img,.admin-image-preview img{object-fit:cover}.latest-gallery-admin h2{font-size:14px}.admin-editor-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-item-list{flex-direction:column;gap:6px;max-height:calc(100vh - 130px);display:flex;position:sticky;top:104px;overflow-y:auto}.admin-item-list>button{background:var(--white);color:var(--text-body);cursor:pointer;text-align:left;border:1px solid #dce4ef;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:border-color .2s,background .2s;display:flex}.admin-item-list>button.active{border-color:var(--blue-mid);background:var(--blue-pale)}.admin-item-list>button>span{background:var(--blue-light);width:34px;height:34px;color:var(--blue);border-radius:9px;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.admin-item-list>button>span svg{width:15px}.admin-item-list>button>div{flex-direction:column;min-width:0;display:flex}.admin-item-list strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.admin-item-list small{color:var(--text-muted);font-size:7.5px}.admin-item-list .admin-add-item{border-style:dashed;border-color:var(--blue-mid);color:var(--blue);background:0 0;justify-content:center;font-size:9.5px;font-weight:900}.admin-add-item svg{width:15px}.admin-editor-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.admin-editor-head button{background:var(--red-light);color:#a33a33;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:900;display:inline-flex}.admin-editor-head button svg{width:14px}.admin-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.admin-form-grid label.wide{grid-column:1/-1}.admin-inline-upload{background:var(--blue-light);color:var(--blue);cursor:pointer;border-radius:8px;align-items:center;gap:7px;margin-bottom:15px;padding:8px 11px;font-size:9px;font-weight:900;display:inline-flex}.admin-inline-upload svg{width:14px}.admin-inline-upload input,.admin-upload-drop input{display:none}.admin-gallery-upload{grid-template-columns:.65fr 1.35fr;gap:28px;margin-bottom:20px;display:grid}.admin-gallery-upload form{flex-direction:column;display:flex}.admin-upload-drop{border:1.5px dashed var(--blue-mid);background:var(--blue-pale);min-height:120px;color:var(--blue);cursor:pointer;text-align:center;border-radius:12px;place-items:center;padding:15px;display:grid}.admin-upload-drop svg{width:24px}.admin-upload-drop strong{font-size:10px}.admin-upload-drop small{color:var(--text-muted);font-size:8px}.admin-gallery-upload .admin-form-grid{margin-top:13px}.admin-publish-gallery{align-self:flex-end;margin-top:13px}.admin-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-gallery-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid #dce5f1;border-radius:14px;padding:12px}.admin-gallery-image{background:var(--navy);border-radius:10px;height:180px;margin-bottom:12px;position:relative;overflow:hidden}.admin-gallery-image img{object-fit:cover}.admin-gallery-image button{width:32px;height:32px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07142eb8;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.admin-gallery-image button svg{width:15px}.admin-gallery-card label{margin-top:9px}.admin-gallery-meta-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}@keyframes admin-spin{to{transform:rotate(360deg)}}.nav-link.active,.portal-login-button:hover{background:#d6b24b;border:1px solid #d0aa43;box-shadow:0 3px 8px #020c1f2e}.primary-button,.secondary-button,.gold-button,.hero-secondary-button,.identity-card-copy a,.public-service-card button,.portal-login-modal form>button{border:1px solid #08183424;box-shadow:0 4px 10px #08183421}.secondary-button{background:#fff}.hero-secondary-button{background:#ffffff1a;box-shadow:0 4px 10px #00000029}.primary-button:active,.secondary-button:active,.gold-button:active,.hero-secondary-button:active,.identity-card-copy a:active,.public-service-card button:active,.portal-login-modal form>button:active,.nav-link:active,.portal-login-button:active{transform:translateY(1px);box-shadow:0 1px 3px #06142d2e}.event-card,.ann-card,.activity-item,.info-card,.profile-card,.module-card,.mosque-location-card,.public-structure-card,.public-service-card,.metric-card,.panel,.leadership-profile,.leadership-chart,.leadership-member-node,.member-detail,.digital-card,.event-overview,.attendance-banner,.pwa-banner,.admin-card,.admin-editor,.portal-login-modal{border-color:#2b4c7929;box-shadow:0 6px 18px #08183414}.event-card:hover,.ann-card:hover,.activity-item:hover,.module-card:hover,.public-service-card:hover,.leadership-member-node:hover,.leadership-member-node.active{box-shadow:0 8px 22px #0818341f}.event-date-box,.ann-icon,.module-icon,.metric-icon,.service-card-icon,.leadership-node-photo,.leadership-board-logo,.membership-tab-icon,.activity-icon{border:1px solid #2b4c791f;box-shadow:0 3px 8px #0818341a}.status-badge,.freq-badge,.metric-trend,.hero-badge,.leadership-profile-role,.filter-pills button,.ortom-logo-tabs button,.membership-tabs button{border:1px solid #2b4c7921;box-shadow:0 2px 6px #08183412}.organization-dropdown,.filter-pills,.search-field,.portal-login-modal input{box-shadow:0 2px 7px #08183412}.primary-button,.secondary-button,.gold-button,.hero-secondary-button,.activity-slide-copy>button,.ortom-program-action,.structure-link,.identity-card-copy a,.public-service-card button,.portal-login-button,.portal-login-modal form>button{letter-spacing:0;min-height:44px;font-family:Arial,Helvetica Neue,sans-serif;font-size:13.5px;font-weight:700;line-height:1.35}.activity-slide-copy>button{color:#071a3a;background:#d6b24b;border:1px solid #c5a13b;padding:12px 18px;box-shadow:0 4px 10px #08183429}.activity-slide-copy>button svg,.primary-button svg,.secondary-button svg,.gold-button svg,.hero-secondary-button svg{flex:none;width:17px;height:17px}.event-title,.ann-title,.activity-name,.profile-name,.module-card strong,.public-service-card h3,.panel-head h2{letter-spacing:0;line-height:1.4}.event-desc,.ann-desc,.activity-desc,.public-service-card p,.module-card small,.panel-action{line-height:1.6}@media (max-width:1020px){.nav-links{display:none}.menu-button{display:inline-grid}.dashboard-kpis,.finance-summary,.member-summary,.module-grid,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-identity-grid{grid-template-columns:1fr}.public-structure-card{min-height:auto}.ortom-spotlight-slide{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)}.ortom-logo-stage{min-height:500px}.ortom-logo-frame{width:270px;height:270px;padding:30px}.ortom-orbit.orbit-one{width:330px;height:205px}.ortom-orbit.orbit-two{width:215px;height:340px}.ortom-spotlight-content{padding:42px 38px 38px 34px}.ortom-spotlight-content h3{font-size:32px}.ortom-logo-tabs button{gap:8px;padding-inline:11px}.ortom-tab-logo{width:44px;height:44px}.membership-public-section{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:32px}.leadership-board-layout{grid-template-columns:minmax(285px,.66fr) minmax(0,1.34fr)}.leadership-profile-photo{height:auto}.leadership-profile-copy,.leadership-chart{padding:18px}.leadership-member-node{grid-template-columns:52px minmax(0,1fr) 16px;gap:10px;min-height:84px}.leadership-node-photo{width:52px;height:56px}.public-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-layout{grid-template-columns:minmax(0,1fr)}.digital-card-wrap{width:min(100%,460px);margin:0 auto;position:static}.home-upcoming-scroll{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(310px,1fr));padding-bottom:6px;overflow-x:auto}.home-upcoming-scroll .event-card{scroll-snap-align:start}.admin-app{background:linear-gradient(to right, var(--navy) 0 78px, #f2f5fa 78px 100%);grid-template-columns:78px minmax(0,1fr)}.admin-sidebar-brand{justify-content:center;padding-inline:0}.admin-sidebar-brand>div,.admin-sidebar nav button{font-size:0}.admin-sidebar nav button,.admin-sidebar-foot a,.admin-sidebar-foot button{justify-content:center}.admin-sidebar-foot a,.admin-sidebar-foot button{font-size:0}.admin-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.nav-links{display:none}.menu-button{display:inline-grid}.brand-sub{display:none}.hero{background:linear-gradient(90deg,#0a1f44f0 0%,#0a1f44c7 58%,#0a1f4452 100%),url(/images/community-hero.png) 60%/cover no-repeat;min-height:486px;padding:54px 20px 64px}.bismillah-text{font-size:24px}.hero h1{max-width:480px;font-size:34px}.hero-desc{max-width:500px}.stats-inner{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:0}.stat-item:nth-child(3),.stat-item:nth-child(4){border-top:1px solid var(--blue-light)}.stat-item:nth-child(4){border-right:0}.two-col{grid-template-columns:1fr}.portal-heading{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:220px;padding-inline:20px}.hero-slider{height:560px}.hero-slider-arrow{opacity:1}.hero-slider-dots{bottom:20px;right:20px}.hero-slider-dots button span{display:none}.hero-slider-dots i{width:18px}.hero-slider-dots button.active i{width:32px}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-topbar-actions{justify-content:space-between;width:100%}.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-gallery-upload,.admin-editor-layout{grid-template-columns:1fr}.admin-item-list{flex-direction:row;max-height:none;padding-bottom:5px;position:static;overflow-x:auto}.admin-item-list>button{min-width:210px}.public-intro{padding-top:48px}.public-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.public-section-heading>p{max-width:620px}.mosque-location-card{min-height:430px}.identity-card-copy{width:min(68%,480px)}.activity-slides{height:500px}.activity-slide-copy{width:min(620px,72%);left:48px}.activity-slider-nav{width:auto;left:20px;right:20px}.activity-slider-nav strong{display:none}.activity-slider-nav button{text-align:center;align-items:center}.slider-arrow{opacity:1}.ortom-program-section{padding:62px 0 66px}.ortom-spotlight-slide{grid-template-columns:1fr}.ortom-logo-stage{border-bottom:1px solid #ffffff17;border-right:0;min-height:300px}.ortom-logo-stage:before{inset:27px}.ortom-logo-frame{width:185px;height:185px;padding:21px}.ortom-logo-glow{width:220px;height:220px}.ortom-spotlight-content{padding:30px 34px 34px}.ortom-logo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ortom-logo-tabs button:nth-child(2){border-right:0}.ortom-logo-tabs button:nth-child(-n+2){border-bottom:1px solid #ffffff14}.membership-public-section{grid-template-columns:1fr;gap:38px}.membership-visual{min-height:500px}.membership-content{max-width:none}.leadership-section{padding:62px 0 68px}.leadership-org-tabs{scroll-snap-type:x mandatory;padding:2px 2px 8px;display:flex;overflow-x:auto}.leadership-org-tabs button{scroll-snap-align:start;min-width:160px}.leadership-board-head{flex-direction:column;align-items:flex-start;gap:13px}.leadership-board-head>p{max-width:620px}.leadership-board-layout{grid-template-columns:1fr}.leadership-profile{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);display:grid}.leadership-profile-photo{height:auto;min-height:0}.leadership-profile-copy{align-self:center;padding:26px}.dashboard-main-grid,.lower-grid,.admin-grid{grid-template-columns:1fr}.gallery-grid,.gallery-grid.compact{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.gallery-1{grid-area:auto/span 2}.gallery-4{grid-column:span 2}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-row:auto}.news-card.featured .news-copy h2{font-size:19px}.transaction-list{grid-template-columns:1fr}.event-overview,.attendance-banner,.pwa-banner{flex-wrap:wrap;align-items:flex-start}.event-overview-actions{justify-content:flex-start;min-width:0}.cards-grid,.profile-grid{grid-template-columns:1fr}.activity-item{align-items:flex-start}.freq-badge{margin-top:1px}}@media (max-width:520px){.navbar-inner{padding:0 16px}.brand-name{font-size:14px}.brand-logo{width:40px;height:40px}.container{padding:32px 16px 48px}.portal-container{padding-top:22px}.public-intro{padding-top:40px;padding-bottom:42px}.public-section-heading h2,.membership-content h2{font-size:25px}.public-identity-grid{gap:14px}.mosque-location-card{min-height:455px}.identity-image-shade{background:linear-gradient(#05132d59,#05132da6 32%,#05132dfa),linear-gradient(90deg,#05132d99,#0000)}.identity-card-copy{width:100%;padding:24px;top:auto}.identity-card-copy h3{font-size:25px}.location-map-pattern{transform-origin:100% 0;top:25px;right:25px;transform:scale(.78)}.public-structure-card{padding:20px}.org-person{width:48%}.org-person.org-primary{width:74%}.org-division-row span{font-size:6.8px}.public-activity-section{padding:48px 0 54px}.activity-showcase{border-radius:17px}.activity-slides{height:560px}.activity-slide-shade{background:linear-gradient(#05122a2e,#05122ac2 35%,#05122afa),linear-gradient(90deg,#05122a66,#0000)}.activity-slide-copy{width:calc(100% - 44px);top:44%;left:22px}.activity-organization-mark{padding:6px 10px 6px 7px;top:18px;right:18px}.activity-organization-mark img{width:40px;height:40px}.activity-organization-mark small{display:none}.activity-organization-mark strong{font-size:11px}.activity-slide-copy h3{font-size:29px}.activity-slide-copy>p{font-size:12px}.activity-slider-nav{bottom:14px;left:14px;right:14px}.activity-slider-nav button{padding:7px 5px}.slider-arrow{width:38px;height:38px;top:auto;bottom:72px}.slider-arrow.previous{left:14px}.slider-arrow.next{right:14px}.ortom-program-section{padding:38px 0 42px}.ortom-program-section>.container{padding-top:0;padding-bottom:0}.ortom-section-heading{margin-bottom:18px}.ortom-section-heading>p{font-size:11.5px;line-height:1.62}.ortom-program-showcase{border-radius:17px}.ortom-logo-stage{min-height:218px}.ortom-logo-stage:before{inset:18px 55px}.ortom-logo-stage:after{width:4px;height:4px;box-shadow:98px -67px #ffffff61,-102px -54px #ffffff38,103px 64px #ffffff3d,-94px 72px #ffffff57}.ortom-logo-frame{width:132px;height:132px;box-shadow:0 18px 38px #00000040, 0 0 0 8px #ffffff0d, 0 0 0 9px rgba(var(--ortom-accent-rgb), .2);padding:15px}.ortom-logo-glow{filter:blur(22px);width:158px;height:158px}.ortom-orbit.orbit-one{width:185px;height:112px}.ortom-orbit.orbit-two{width:116px;height:188px}.ortom-sequence{font-size:7px;bottom:12px;left:16px}.ortom-sequence i{width:30px}.ortom-spotlight-content{padding:22px 18px 24px}.ortom-category{letter-spacing:.65px;gap:5px;padding:5px 8px;font-size:7px}.ortom-organization{letter-spacing:.85px;margin-top:12px;font-size:7.5px}.ortom-spotlight-content h3{letter-spacing:-.6px;margin-top:6px;font-size:23px;line-height:1.12}.ortom-description{margin-top:10px;font-size:10.5px;line-height:1.58}.ortom-program-list{gap:0;margin-top:13px}.ortom-program-item{grid-template-columns:25px minmax(0,1fr);gap:8px;padding:8px 0 7px}.ortom-program-item>span{border-radius:7px;width:23px;height:23px;font-size:7px}.ortom-program-item strong{font-size:9.5px}.ortom-program-item small{font-size:7.8px;line-height:1.4}.ortom-program-action{margin-top:14px;padding:9px 12px;font-size:9px}.ortom-logo-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.ortom-logo-tabs button{text-align:center;border-bottom:0;border-right:1px solid #ffffff14;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 10px}.ortom-logo-tabs button:nth-child(2){border-right:1px solid #ffffff14}.ortom-logo-tabs button:nth-child(-n+2){border-bottom:0}.ortom-logo-tabs button:last-child{border-right:0}.ortom-tab-logo{width:33px;height:33px;padding:4px}.ortom-tab-copy{align-items:center}.ortom-tab-copy small{display:none}.ortom-tab-copy strong{text-align:center;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7px;line-height:1.2;display:-webkit-box;overflow:hidden}.membership-public-section{padding-top:50px;padding-bottom:52px}.membership-visual{border-radius:18px;min-height:410px}.membership-floating-card{bottom:14px;left:14px;right:14px}.membership-photo-badge{top:14px;left:14px}.membership-tabs button.active{transform:translate(4px)}.leadership-section{padding:50px 0 54px}.leadership-demo-note{border-radius:13px;align-items:flex-start;line-height:1.5}.leadership-org-tabs button{min-width:145px}.leadership-board{border-radius:19px}.leadership-board-head{padding:20px}.leadership-board-logo{border-radius:15px;width:58px;height:58px}.leadership-board-identity h3{font-size:15px}.leadership-board-layout{gap:14px;padding:12px}.leadership-profile{border-radius:15px;display:block}.leadership-profile-photo{height:auto;min-height:0}.leadership-profile-copy{padding:19px}.leadership-profile-copy h3{font-size:20px}.leadership-profile-facts{grid-template-columns:1fr}.leadership-profile-facts>span{grid-template-columns:20px 82px minmax(0,1fr);align-items:center;gap:6px;display:grid}.leadership-profile-facts svg{margin-bottom:0}.leadership-profile-facts strong{margin-top:0}.leadership-chart{border-radius:15px;padding:18px}.leadership-chart-label{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:18px}.leadership-chair-level{width:100%}.leadership-executive-level,.leadership-field-level{grid-template-columns:1fr}.leadership-connector{display:none}.leadership-level+.leadership-level{margin-top:10px}.public-services-section{padding:48px 0 54px}.public-services-grid{grid-template-columns:1fr}.public-service-card{min-height:245px}.hero{min-height:468px;padding-inline:16px}.hero-slider{height:570px;min-height:570px}.hero-slide .hero-content{padding:48px 16px 76px}.hero-slider-arrow{top:auto;bottom:20px}.hero-slider-arrow.previous{left:16px}.hero-slider-arrow.next{left:64px;right:auto}.hero-slider-dots{bottom:34px;right:16px}.home-upcoming-inner{padding-top:24px;padding-bottom:24px}.home-upcoming-scroll{grid-template-columns:repeat(3,minmax(280px,82vw))}.admin-app{background:#f2f5fa;display:block}.admin-sidebar{z-index:40;width:100%;height:auto;min-height:0;padding:9px 12px;position:sticky;top:0}.admin-sidebar-brand{display:none}.admin-sidebar nav{flex-direction:row;gap:3px;margin:0;overflow-x:auto}.admin-sidebar nav button{min-width:46px;padding:9px}.admin-sidebar-foot{display:none}.admin-topbar{padding:15px 16px;position:static}.admin-topbar-actions{flex-direction:column;align-items:stretch}.admin-save-button{width:100%}.admin-content{padding:18px 16px 40px}.admin-summary-grid,.admin-gallery-grid,.admin-form-grid,.admin-gallery-meta-fields{grid-template-columns:1fr}.admin-form-grid label.wide{grid-column:auto}.admin-image-preview{height:210px}.admin-login-card{padding:26px 21px}.hero h1{font-size:30px}.hero-badge{padding:7px 14px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.module-grid,.dashboard-kpis,.finance-summary,.member-summary,.role-grid{grid-template-columns:1fr}.module-card{min-height:136px}.panel{padding:18px}.filter-row,.finance-actions{flex-direction:column;align-items:stretch}.search-field{width:100%}.filter-pills{align-self:flex-start}.finance-actions>div{grid-template-columns:1fr 1fr;display:grid}.donut-wrap{flex-direction:column}.gallery-grid,.gallery-grid.compact{flex-direction:column;display:flex}.gallery-card{min-height:250px}.gallery-card:first-child{min-height:310px}.lightbox{padding:12px}.lightbox-image{aspect-ratio:4/3}.event-overview,.attendance-banner,.pwa-banner{padding:21px}.attendance-banner .primary-button,.pwa-banner .gold-button{width:100%}.database-toolbar{flex-direction:column;align-items:flex-start}.digital-card{padding:17px}.digital-card-body{align-items:flex-start}.digital-profile{flex-direction:column;align-items:flex-start}.digital-card-meta{grid-template-columns:1fr 1fr}.portal-heading{padding-inline:16px}.quote-box{padding:30px 20px}.quote-arabic{font-size:22px}.event-card-head,.ann-card,.activity-item{gap:12px}.event-card-head{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:16px}.event-card-foot{padding-inline:16px}.event-date-box{width:54px;height:62px}.activity-item{flex-wrap:wrap}.activity-text{flex-basis:calc(100% - 28px)}.freq-badge{margin-left:28px}}.primary-button,.secondary-button,.gold-button,.hero-secondary-button,.activity-slide-copy>button,.ortom-program-action,.structure-link,.identity-card-copy a,.public-service-card button,.portal-login-button,.portal-login-modal form>button{font-size:13.5px;font-weight:700;line-height:1.4}.ortom-description{color:#ffffffd1;max-width:680px;font-size:15px;line-height:1.7}.ortom-program-list{gap:0;margin-top:24px}.ortom-program-item{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-height:68px;padding:12px 0}.ortom-program-item>span{border-radius:10px;width:36px;height:36px;font-size:11px}.ortom-program-item>div{gap:4px}.ortom-program-item small{color:#ffffffb8;margin-top:0;font-size:12px;line-height:1.55}.ortom-tab-logo{width:52px;height:52px}.ortom-tab-copy{gap:3px}.ortom-tab-copy strong{color:#ffffffd1;text-overflow:clip;font-size:13px;font-weight:700;line-height:1.35}.ortom-logo-tabs button.active .ortom-tab-copy strong,.ortom-logo-tabs button:hover .ortom-tab-copy strong{color:#fff}@media (max-width:760px){.ortom-description{font-size:14px;line-height:1.65}.ortom-program-item{grid-template-columns:38px minmax(0,1fr);gap:12px;min-height:70px;padding:12px 0}.ortom-program-item>span{width:34px;height:34px;font-size:10px}.ortom-program-item strong{font-size:13px}.ortom-program-item small{font-size:11.5px;line-height:1.5}.ortom-logo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ortom-logo-tabs button{text-align:left;border-bottom:1px solid #ffffff14;flex-direction:row;align-items:center;gap:10px;min-height:76px;padding:12px}.ortom-logo-tabs button:nth-child(2){border-right:0}.ortom-logo-tabs button:nth-child(-n+2){border-bottom:1px solid #ffffff14}.ortom-tab-logo{width:42px;height:42px}.ortom-tab-copy{align-items:flex-start}.ortom-tab-copy small{font-size:9px;display:block}.ortom-tab-copy strong{text-align:left;-webkit-line-clamp:unset;font-size:11.5px;line-height:1.3;display:block;overflow:visible}}.admin-app{font-size:15px}.admin-sidebar-brand strong,.admin-sidebar nav button,.admin-sidebar-foot a,.admin-sidebar-foot button{font-size:14px;line-height:1.45}.admin-sidebar-brand small{font-size:12px;line-height:1.45}.admin-topbar span,.admin-panel-eyebrow,.admin-summary-grid span,.admin-summary-grid small,.admin-notice{font-size:13px!important;line-height:1.5!important}.admin-save-button,.admin-publish-gallery,.admin-editor-head button,.admin-inline-upload,.admin-upload-drop strong,.admin-item-list .admin-add-item{line-height:1.45;font-size:14px!important}.admin-panel>p,.admin-sync-row strong,.admin-sync-row small,.admin-upload-drop small{line-height:1.6;font-size:14px!important}.admin-editor-layout{grid-template-columns:330px minmax(0,1fr)}.admin-item-list{gap:9px}.admin-item-list>button{gap:12px;min-height:68px;padding:12px}.admin-item-list>button>span{width:42px;height:42px}.admin-item-list strong{color:var(--navy);text-overflow:clip;white-space:normal;line-height:1.4;overflow:visible;font-size:14px!important}.admin-item-list small{color:#5f7390;white-space:normal;margin-top:3px;line-height:1.45;font-size:13px!important}.admin-form-grid label,.admin-gallery-card label{line-height:1.45;font-size:14px!important}.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.admin-gallery-card input,.admin-gallery-card textarea{min-height:46px;padding:11px 13px;line-height:1.5;font-size:15px!important}@media (max-width:1020px){.admin-editor-layout{grid-template-columns:1fr}.admin-item-list>button{min-width:300px}}@media (max-width:768px){.admin-topbar h1{font-size:22px}.admin-content{padding-inline:16px}.admin-item-list>button{min-width:min(86vw,320px)}}.home-page .public-intro,.home-page .public-activity-section,.home-page .ortom-program-section{scroll-margin-top:88px}.home-page .public-intro{margin-top:0;padding-top:58px;padding-bottom:58px}.home-page .mosque-location-card{border-radius:12px;min-height:420px}.home-page .mosque-location-card .identity-card-copy a,.home-page .mosque-location-card .identity-card-copy a:link,.home-page .mosque-location-card .identity-card-copy a:visited{justify-content:center;align-items:center;gap:8px;width:fit-content;min-width:184px;min-height:44px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;box-shadow:none!important;color:#0a2947!important;-webkit-text-fill-color:#0a2947!important;opacity:1!important;text-shadow:none!important;visibility:visible!important;background:#fff!important;border:1px solid #c5d4df!important;border-radius:7px!important;display:inline-flex!important}.home-page .mosque-location-card .identity-card-copy a svg{stroke:currentColor;width:16px;height:16px;display:block;color:#0a2947!important;opacity:1!important;visibility:visible!important}.home-page .mosque-location-card .identity-card-copy a:hover,.home-page .mosque-location-card .identity-card-copy a:focus-visible{transform:none;box-shadow:none!important;color:#0a2947!important;-webkit-text-fill-color:#0a2947!important;background:#edf4f8!important;border-color:#88a4b9!important}.home-page .public-activity-section{border-radius:12px;margin:54px 0;padding:58px 0 62px;overflow:visible}.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{box-sizing:border-box;width:100%;padding:0 36px;position:relative}.home-page .public-section-heading{align-items:flex-start;margin:0 0 26px}.home-page .public-section-heading h2{margin-top:7px;overflow:visible}.home-page .activity-showcase{border-radius:12px}@media (min-width:761px){.home-page .activity-slide-copy{width:min(540px,52%);top:50%;left:72px}.home-page .activity-slide-copy h3{margin-top:13px;font-size:clamp(32px,3.4vw,44px);line-height:1.08}.home-page .activity-slide-copy>p{margin-top:11px;line-height:1.58}.home-page .activity-schedule-line{margin-top:12px}.home-page .activity-slide-copy>button{margin-top:15px}}.home-page .ortom-program-section{margin:54px 0;padding:62px 0 68px;overflow:visible}.home-page .ortom-program-showcase{border-radius:12px}@media (max-width:760px){.home-page .public-intro{padding-top:38px;padding-bottom:40px}.home-page .mosque-location-card{min-height:500px}.home-page .mosque-location-card .identity-card-copy a,.home-page .mosque-location-card .identity-card-copy a:link,.home-page .mosque-location-card .identity-card-copy a:visited{width:100%}.home-page .public-activity-section{border-radius:10px;margin:36px 0;padding:42px 0 46px}.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{padding-left:16px;padding-right:16px}.home-page .activity-slides{height:560px}.home-page .ortom-program-section{margin:38px 0;padding:44px 0 48px}}.home-page .quote-box,.home-page .quote-box blockquote,.home-page .quote-box figcaption,.home-page .quote-box strong,.home-page .quote-box small{color:#fff}.gold-button,button.gold-button,.qurban-primary-button,.qurban-submit-button,.qurban-form button[type=submit]{transition:background .2s,box-shadow .2s,transform .2s;transform:translateY(0);color:#fff!important;background:linear-gradient(#164d79 0%,#0a2947 100%)!important;border:1px solid #0a2947!important;border-bottom:3px solid #071d35!important;border-radius:10px!important;box-shadow:0 5px #071d35,0 10px 18px #0a294729!important}.gold-button:hover,button.gold-button:hover,.qurban-primary-button:hover,.qurban-submit-button:hover,.qurban-form button[type=submit]:hover{transform:translateY(-2px);background:linear-gradient(#205f8f 0%,#103b62 100%)!important;box-shadow:0 6px #071d35,0 14px 24px #0a294738!important}.gold-button:active,button.gold-button:active,.qurban-primary-button:active,.qurban-submit-button:active,.qurban-form button[type=submit]:active{transform:translateY(2px);box-shadow:0 2px #071d35,0 5px 10px #0a294724!important}.event-date-box.gold,.hero-badge.gold,.ann-icon.gold,.ann-tag.gold,.activity-dot.gold,.module-card.tone-gold .module-icon,.floating-group-icon.tone-gold,.membership-tab-icon.tone-gold,.tone-gold .service-card-icon,.metric-card.tone-gold .metric-icon,.cash-kpi.gold>span{color:#0a2947!important;background:#eaf2f9!important;border-color:#c9dced!important}.event-date-box.gold .day,.event-date-box.gold .month{color:#0a2947!important}.qurban-form-notice,.qurban-form-callout,.qurban-option-card.selected,.qurban-animal-option.selected,.qurban-payment-option.selected{color:#0a2947!important;background:#edf5fc!important;border-color:#8fb9dc!important}.qurban-form-notice strong,.qurban-form-callout strong{color:#0a2947!important}.home-page .reveal,.home-page .reveal.is-visible{opacity:1!important;transform:none!important}.qurban-view-tabs button.active,.qurban-view-tabs button:hover{color:#0a2947!important;background:#edf5fc!important;border-color:#7da8cf!important;box-shadow:0 8px 18px #0a29471a!important}.qurban-view-tabs button.active>svg,.qurban-view-tabs button:hover>svg{color:#fff!important;background:#0a2947!important}.qurban-view-tabs button strong{color:#0a2947!important}.qurban-view-tabs button small{color:#607993!important}.qurban-entry-actions button:first-child{color:#fff!important;background:linear-gradient(#164d79,#0a2947)!important;border:1px solid #0a2947!important;border-bottom:3px solid #071d35!important;border-radius:10px!important;box-shadow:0 5px #071d35,0 10px 18px #0a294726!important}.qurban-entry-actions button:first-child:hover{background:linear-gradient(#205f8f,#103b62)!important;box-shadow:0 6px #071d35,0 14px 24px #0a294733!important}.qurban-entry-actions button:last-child{color:#0a2947!important;background:#fff!important;border:1px solid #9bbbd7!important;border-radius:10px!important}.navbar .nav-links>.nav-link{color:#ffffffb8;min-height:42px;padding:0 13px;transition:color .2s;position:relative;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;transform:none!important}.navbar .nav-links>.nav-link:after{content:"";opacity:0;background:#fff;border-radius:2px;height:2px;transition:opacity .2s,transform .24s;position:absolute;bottom:3px;left:13px;right:13px;transform:scaleX(.25)}.navbar .nav-links>.nav-link:hover,.navbar .nav-links>.nav-link.active{box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important}.navbar .nav-links>.nav-link:hover:after,.navbar .nav-links>.nav-link.active:after{opacity:1;transform:scaleX(1)}.navbar .nav-links>.nav-link:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3;border-radius:7px!important}.navbar .portal-login-button:hover{box-shadow:none!important;color:#fff!important;background:#ffffff1f!important;border-color:#ffffff94!important}@media (max-width:760px){.navbar .mobile-nav .nav-link.active{box-shadow:none!important;color:#fff!important;background:#ffffff12!important;border:0!important;border-left:3px solid #78acd7!important;border-radius:0!important}}.qurban-view-tabs button{isolation:isolate;position:relative;overflow:hidden;background:#fff!important;border:1px solid #cbdceb!important}.qurban-view-tabs button:before{z-index:0;aspect-ratio:1;content:"";pointer-events:none;background:conic-gradient(#0000 0deg 260deg,#4faef61a 275deg,#3298e6 305deg,#c7ecff 322deg,#0000 345deg 360deg);width:170%;animation:3.4s linear infinite qurban-edge-orbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.qurban-view-tabs button:after{z-index:1;border-radius:calc(var(--radius-card,12px) - 2px);content:"";pointer-events:none;background:#fff;position:absolute;inset:2px;box-shadow:inset 0 0 20px #3a91d70a}.qurban-view-tabs button:nth-child(2):before{animation-delay:-1.7s}@keyframes qurban-edge-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.qurban-view-tabs button:before{animation:none}}.home-page .ortom-spotlight-slide .ortom-category,.home-page .ortom-spotlight-slide .ortom-organization,.home-page .ortom-spotlight-slide .ortom-spotlight-content h3,.home-page .ortom-spotlight-slide .ortom-description,.home-page .ortom-spotlight-slide .ortom-program-item,.home-page .ortom-spotlight-slide .ortom-program-action{opacity:0;transform:translateY(20px)}.home-page .ortom-spotlight-slide.active .ortom-category,.home-page .ortom-spotlight-slide.active .ortom-organization,.home-page .ortom-spotlight-slide.active .ortom-spotlight-content h3,.home-page .ortom-spotlight-slide.active .ortom-description,.home-page .ortom-spotlight-slide.active .ortom-program-item,.home-page .ortom-spotlight-slide.active .ortom-program-action{animation:ortom-copy-enter .62s var(--motion-ease) both}.home-page .ortom-spotlight-slide.active .ortom-category{animation-delay:80ms}.home-page .ortom-spotlight-slide.active .ortom-organization{animation-delay:.14s}.home-page .ortom-spotlight-slide.active .ortom-spotlight-content h3{animation-delay:.19s}.home-page .ortom-spotlight-slide.active .ortom-description{animation-delay:.25s}.home-page .ortom-spotlight-slide.active .ortom-program-item:first-child{animation-delay:.31s}.home-page .ortom-spotlight-slide.active .ortom-program-item:nth-child(2){animation-delay:.37s}.home-page .ortom-spotlight-slide.active .ortom-program-item:nth-child(3){animation-delay:.43s}.home-page .ortom-spotlight-slide.active .ortom-program-action{animation-delay:.49s}.home-page .ortom-spotlight-slide.active .ortom-logo-frame{animation:ortom-logo-enter .82s var(--motion-ease) both}.home-page .ortom-spotlight-slide.active .ortom-logo-frame img{animation:4s ease-in-out .9s infinite ortom-logo-float}.home-page .ortom-spotlight-slide.active .ortom-logo-glow{animation:3.2s ease-in-out infinite ortom-glow-pulse}@keyframes ortom-copy-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ortom-logo-enter{0%{opacity:0;transform:scale(.72)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ortom-logo-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-9px)scale(1.025)}}@keyframes ortom-glow-pulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:.9;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.home-page .ortom-spotlight-slide .ortom-category,.home-page .ortom-spotlight-slide .ortom-organization,.home-page .ortom-spotlight-slide .ortom-spotlight-content h3,.home-page .ortom-spotlight-slide .ortom-description,.home-page .ortom-spotlight-slide .ortom-program-item,.home-page .ortom-spotlight-slide .ortom-program-action,.home-page .ortom-spotlight-slide.active .ortom-logo-frame,.home-page .ortom-spotlight-slide.active .ortom-logo-frame img,.home-page .ortom-spotlight-slide.active .ortom-logo-glow{opacity:1;transform:none;animation:none!important}}.home-page .public-highlights,.home-page .public-activity-section,.home-page .ortom-program-section{overflow:visible!important}.home-page .public-activity-section .public-section-heading,.home-page .ortom-program-section .public-section-heading{margin-left:0!important;margin-right:0!important}.home-page .public-activity-section .activity-showcase,.home-page .ortom-program-section .ortom-program-showcase{width:100%!important;max-width:100%!important}.home-page .public-activity-slide.active .activity-slide-copy{transform:translateY(-50%)!important}@media (min-width:761px){.home-page .activity-slide-copy{width:min(540px,52%)!important;top:50%!important;left:72px!important}.home-page .activity-slide-copy h3{margin-top:13px!important;font-size:clamp(32px,3.4vw,44px)!important}.home-page .activity-slide-copy>p{margin-top:11px!important;line-height:1.58!important}.home-page .activity-schedule-line{margin-top:12px!important}.home-page .activity-slide-copy>button{margin-top:15px!important}}.home-page .mosque-location-card .identity-card-copy a,.home-page .mosque-location-card .identity-card-copy a:link,.home-page .mosque-location-card .identity-card-copy a:visited{width:fit-content!important;min-width:184px!important;min-height:44px!important;box-shadow:none!important;color:#0a2947!important;-webkit-text-fill-color:#0a2947!important;opacity:1!important;visibility:visible!important;background:#fff!important;border:1px solid #c5d4df!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important}.home-page .mosque-location-card .identity-card-copy a svg{color:#0a2947!important;opacity:1!important;stroke:currentColor!important;visibility:visible!important}@media (max-width:760px){.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{padding-left:18px!important;padding-right:18px!important}.home-page .activity-slides{height:560px!important}.home-page .mosque-location-card .identity-card-copy a,.home-page .mosque-location-card .identity-card-copy a:link,.home-page .mosque-location-card .identity-card-copy a:visited{width:100%!important}}.home-page .home-upcoming-section{z-index:2;background:#f4f7fa;padding:28px 0 30px;position:relative;margin-top:0!important}.home-page .home-upcoming-inner{background:#fff;border:1px solid #d5e0e8;border-radius:10px;padding:18px 24px 24px;overflow:hidden;box-shadow:0 3px 12px #0a294714;margin:0 auto!important}.home-page .home-command-tabs{width:100%;min-height:46px;box-shadow:none;background:#f4f7fa;border:1px solid #d8e2ea;border-radius:8px;grid-template-columns:repeat(4,minmax(150px,1fr));padding:3px;display:grid;overflow-x:auto;margin:0 0 22px!important}.home-page .home-command-tabs span{color:#536d83;border-radius:6px;min-height:38px;font-size:13px;font-weight:650}.home-page .home-command-tabs span.active{box-shadow:none;color:#fff;background:#0a2947}.home-page .home-upcoming-inner .section-header{margin:0 0 18px}.home-page button.gold-button,.home-page .gold-button{min-height:44px;padding:11px 16px;box-shadow:none!important;color:#0a2947!important;text-shadow:none!important;background:#fff!important;border:1px solid #b9c9d7!important;border-radius:7px!important;transform:none!important}.home-page button.gold-button:hover,.home-page .gold-button:hover{box-shadow:none!important;color:#0a2947!important;background:#eef4f8!important;border-color:#7898b1!important;transform:none!important}.home-page .hero-content h1{text-wrap:balance;max-width:720px;font-size:clamp(40px,5vw,68px);line-height:1.08}.home-page .hero-content{padding-bottom:74px}.home-page .hero-actions{z-index:8;margin-top:24px;position:relative}@media (max-width:760px){.home-page .home-upcoming-section{padding:18px 0 22px}.home-page .home-upcoming-inner{padding:14px;margin:0 12px!important}.home-page .home-command-tabs{display:flex;margin-bottom:18px!important}.home-page .home-command-tabs span{flex:none;min-width:138px;font-size:12px}.home-page .hero-content{padding-bottom:54px}.home-page .hero-content h1{font-size:clamp(34px,10vw,48px);line-height:1.1}}.qurban-view-tabs button,.qurban-view-tabs button.active{overflow:visible;background:#fff!important;border:1px solid #78b9e8!important;box-shadow:0 8px 20px #0a294714,0 0 8px #3d9ee51a!important}.qurban-view-tabs button:before{content:none!important;display:none!important}.qurban-view-tabs button:after,.qurban-view-tabs button.active:after{z-index:4;inset:0 auto auto 0;content:"";opacity:1;pointer-events:none;offset-anchor:center;offset-distance:0%;offset-rotate:auto;offset-path:inset(0 round 13px);background:linear-gradient(90deg,#0000 0%,#5ebeff38 22%,#8fd6ff 62%,#e4f7ff 82%,#299bea 100%);border-radius:999px;width:54px;height:3px;animation:4.4s linear infinite qurban-border-run;display:block;position:absolute;inset:auto;transform:none;box-shadow:0 0 4px 1px #43a9efad,0 0 10px 3px #349de76b,0 0 20px 5px #349de72e;border:0!important}@keyframes qurban-border-run{to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.qurban-view-tabs button:after,.qurban-view-tabs button.active:after{opacity:.7;animation:none}}.navbar-home{box-shadow:none;background:linear-gradient(#0a2947d1,#0a29471a);border-bottom-color:#ffffff1a;position:absolute}.navbar-home .brand-logo{width:46px;height:46px;box-shadow:0 0 0 2px #fff3}.navbar-home .nav-link{color:#ffffffd6;background:0 0;border-radius:0;min-height:38px;padding:10px 15px;font-size:13px;position:relative}.navbar-home .nav-link:hover,.navbar-home .nav-link.active{box-shadow:none;color:#fff;background:0 0}.home-page .hero-slider{min-height:670px}.home-page .hero-content{padding-top:196px;padding-bottom:190px}.home-page .hero-content h1{max-width:660px;font-size:clamp(48px,5.8vw,76px)}.home-page .home-upcoming-section{margin-top:-122px}.home-page .home-upcoming-inner{padding:0 26px 26px}.home-page .home-upcoming-inner .section-header{margin-top:22px}.home-page .home-upcoming-scroll .event-card{min-height:202px}@keyframes prm-page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.navbar-home{background:var(--prm-blue);position:fixed}.navbar-home .navbar-inner{height:72px}.navbar-home .nav-links{display:none}.site-main-home{padding-top:0}.home-page .hero-slider{min-height:610px}.home-page .hero-content{padding-top:142px;padding-bottom:172px}.home-page .home-upcoming-section{margin-top:-80px}.home-page .home-upcoming-inner{padding:0 16px 18px}.home-command-tabs{border-radius:10px 10px 0 0;width:calc(100% + 2px);margin-left:-1px;overflow-x:auto}.home-command-tabs span{flex:none;padding:0 12px;font-size:11px}}@media (max-width:390px){.ortom-logo-tabs{grid-template-columns:1fr}.ortom-logo-tabs button,.ortom-logo-tabs button:nth-child(2){border-bottom:1px solid #ffffff14;border-right:0}.ortom-logo-tabs button:last-child{border-bottom:0}}.admin-operations{gap:22px;display:grid}.admin-module-nav{background:#fff;border:1px solid #d8e2ef;border-radius:18px;grid-template-columns:260px 1fr;align-items:center;gap:22px;padding:20px;display:grid;box-shadow:0 9px 25px #0f2b4d0f}.admin-module-nav h2{color:#102e56;margin:5px 0;font-size:20px}.admin-module-nav p{color:#768399;margin:0;font-size:10.5px}.admin-module-nav nav{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.admin-module-nav nav button{color:#53657e;cursor:pointer;text-align:left;background:#f9fbfd;border:1px solid #dce5ef;border-radius:11px;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:11px;display:grid}.admin-module-nav nav button.active{color:#124d86;background:#edf5fd;border-color:#6da0d3;box-shadow:inset 0 0 0 1px #3777b614}.admin-module-nav nav button>svg{background:#fff;border-radius:9px;width:34px;height:34px;padding:8px}.admin-module-nav nav button span{gap:3px;min-width:0;display:grid}.admin-module-nav nav button strong{font-size:11px}.admin-module-nav nav button small{color:#7e8a9d;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.registry-system{gap:18px;display:grid}.registry-toolbar{background:#fff;border:1px solid #d8e2ef;border-radius:17px;justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;display:flex}.registry-toolbar h2{color:#102f57;margin:5px 0;font-size:24px}.registry-toolbar p{color:#6c7b91;margin:0;font-size:11.5px;line-height:1.55}.registry-toolbar svg{width:17px}.registry-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.registry-kpi{background:#fff;border:1px solid #dce5ef;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.registry-kpi>span{color:#1763aa;background:#edf4fc;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.registry-kpi.alert>span{color:#c05243;background:#fff0ed}.registry-kpi svg{width:18px}.registry-kpi div{gap:4px;min-width:0;display:grid}.registry-kpi strong{color:#163553;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.registry-form{padding:21px}.registry-form-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.registry-form-head h3{color:#143455;margin:4px 0 0;font-size:17px}.registry-form-head>button{color:#61728a;cursor:pointer;background:0 0;border:0;font-size:10.5px;font-weight:750}.registry-form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.registry-form-grid label{color:#3b4d67;gap:6px;font-size:10.5px;font-weight:750;display:grid}.registry-form-grid label.wide{grid-column:1/-1}.registry-form-grid input,.registry-form-grid select,.registry-form-grid textarea,.registry-tools select,.condition-update input,.condition-update select,.activity-entry input,.activity-entry select,.family-draft-list input,.family-draft-list select{color:#19314e;width:100%;font:inherit;background:#fff;border:1px solid #ccd8e6;border-radius:8px;outline:0;padding:9px 10px;font-size:11.5px;line-height:1.5}.registry-form-grid input:focus,.registry-form-grid select:focus,.registry-form-grid textarea:focus{border-color:#4c8dce;box-shadow:0 0 0 3px #3a7ec41c}.registry-submit{justify-content:center;margin-top:15px}.registry-list-panel{padding:19px}.registry-tools{justify-content:space-between;align-items:center;gap:13px;margin-bottom:15px;display:flex}.registry-tools .search-field{flex:1;max-width:650px}.registry-tools select{width:190px}.asset-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.asset-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #dce5ef;border-radius:13px;flex-direction:column;align-items:flex-start;min-width:0;min-height:184px;padding:14px;display:flex}.asset-card:hover{background:#fbfdff;border-color:#8fb5db;transform:translateY(-1px)}.asset-card-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.asset-card-top i{color:#55708e;letter-spacing:.4px;font-size:8.5px;font-style:normal;font-weight:800}.asset-card-top em{color:#187653;background:#eaf8f1;border-radius:20px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:750}.asset-card-top em.perlu-perawatan{color:#8e6a12;background:#fff6dc}.asset-card-top em.rusak{color:#b64d41;background:#fff0ed}.asset-icon{color:#1763a9;background:#edf4fb;border-radius:10px;place-items:center;width:40px;height:40px;margin-top:14px;display:grid}.asset-icon svg{width:18px}.asset-card>strong{color:#153451;margin-top:10px;font-size:12.5px}.asset-card>small{color:#798699;margin-top:4px;font-size:9px;line-height:1.4}.asset-card-foot{color:#708096;border-top:1px solid #e8edf3;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:10px;font-size:8.5px;display:flex}.asset-card-foot b{color:#315a82;font-size:9px}.registry-empty{color:#7b8798;text-align:center;border:1px dashed #ced9e5;border-radius:11px;padding:28px;font-size:11px}.registry-modal{z-index:1100;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.registry-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031226b8;border:0;position:absolute;inset:0}.registry-detail{background:#fff;border-radius:16px;width:min(760px,100%);max-height:calc(100vh - 44px);padding:22px;position:relative;overflow-y:auto;box-shadow:0 25px 70px #00000047}.registry-detail>header{border-bottom:1px solid #dfe7ef;justify-content:space-between;gap:18px;padding-bottom:15px;display:flex}.registry-detail>header span{color:#1763aa;letter-spacing:.4px;font-size:9px;font-weight:800}.registry-detail>header h2{color:#123253;margin:5px 0 3px;font-size:21px}.registry-detail>header p{color:#718097;margin:0;font-size:10px}.registry-detail>header button{color:#52647c;cursor:pointer;background:#fff;border:1px solid #d4dee9;border-radius:8px;align-self:flex-start;padding:8px 10px;font-size:10px}.registry-detail-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.registry-detail-grid>div{background:#f4f7fa;border-radius:10px;gap:4px;padding:11px;display:grid}.registry-detail-grid span{color:#7b8797;font-size:8.5px}.registry-detail-grid strong{overflow-wrap:anywhere;color:#1b3856;font-size:10.5px}.registry-detail section{margin-top:20px}.registry-detail section h3{color:#183654;margin:0 0 9px;font-size:13px}.condition-update,.activity-entry{grid-template-columns:160px 1fr auto;gap:8px;display:grid}.condition-update button,.activity-entry button{color:#fff;cursor:pointer;background:#1762a8;border:0;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:750}.asset-history,.activity-history{display:grid}.asset-history>div,.activity-history>div{grid-template-columns:14px 1fr;gap:9px;padding:8px 0;display:grid}.asset-history i,.activity-history i{background:#2a75b8;border:2px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:3px;box-shadow:0 0 0 2px #b9d1e8}.asset-history span,.activity-history span{gap:3px;display:grid}.asset-history strong,.activity-history strong{color:#24415f;font-size:10.5px}.asset-history small,.activity-history small{color:#758299;font-size:9px;line-height:1.4}.registry-detail>footer{border-top:1px solid #e1e8ef;justify-content:flex-end;margin-top:20px;padding-top:14px;display:flex}.danger-button{color:#b1453c;cursor:pointer;background:#fff7f6;border:1px solid #edc8c4;border-radius:8px;align-items:center;gap:6px;padding:9px 11px;font-size:10.5px;font-weight:750;display:flex}.danger-button svg{width:14px}.family-form-head{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.family-form-head h4{color:#1b3959;margin:0;font-size:12px}.family-form-head button{color:#1763aa;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:750;display:flex}.family-form-head svg{width:13px}.family-draft-list{gap:7px;margin-top:9px;display:grid}.family-draft-list>div{grid-template-columns:1.2fr .8fr .6fr 32px;gap:7px;display:grid}.family-draft-list button{color:#ac4c43;cursor:pointer;background:#fff8f7;border:1px solid #ebd3d0;border-radius:8px;place-items:center;display:grid}.family-draft-list svg{width:13px}.household-list{display:grid}.household-list>button{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e5ecf3;grid-template-columns:44px minmax(0,1fr) 105px 105px;align-items:center;gap:12px;padding:12px 4px;display:grid}.household-list>button:hover{background:#f8fbfe}.household-avatar{color:#155f9e;background:#e9f3fc;border-radius:12px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:850;display:grid}.household-copy{gap:3px;min-width:0;display:grid}.household-copy strong{color:#163654;font-size:12px}.household-copy em{color:#8490a1;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:8.5px;font-style:normal;display:flex;overflow:hidden}.household-copy svg{width:10px}.household-family,.household-active{text-align:center;gap:2px;display:grid}.household-family strong,.household-active strong{color:#244665;font-size:14px}.household-family small,.household-active small{color:#8792a2;font-size:8px}.household-contact{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.household-contact span{color:#45617e;background:#eef4fa;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:flex}.household-contact svg{width:12px}.family-members{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.family-members>div{border:1px solid #e0e7ef;border-radius:9px;gap:3px;padding:10px;display:grid}.family-members strong{color:#1e3a58;font-size:10.5px}.family-members span{color:#7c899a;font-size:8.5px}.activity-history>p{color:#7b8899;font-size:10px}@media (max-width:980px){.admin-module-nav{grid-template-columns:1fr}.registry-kpis,.asset-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.admin-module-nav{padding:14px}.admin-module-nav nav{grid-template-columns:1fr}.admin-module-nav nav button small{white-space:normal}.registry-toolbar{flex-direction:column;align-items:stretch;padding:18px}.registry-toolbar h2{font-size:21px}.registry-toolbar .primary-button{justify-content:center}.registry-kpis{gap:8px}.registry-kpi{gap:8px;padding:11px}.registry-kpi>span{width:34px;height:34px}.registry-kpi small{font-size:8.5px}.registry-kpi strong{font-size:11px}.registry-form{padding:15px}.registry-form-grid{grid-template-columns:1fr}.registry-form-grid label.wide{grid-column:auto}.registry-list-panel{padding:13px}.registry-tools{flex-direction:column;align-items:stretch}.registry-tools .search-field,.registry-tools select{width:100%;max-width:none}.asset-grid{grid-template-columns:1fr}.registry-modal{padding:8px}.registry-detail{border-radius:12px;max-height:calc(100vh - 16px);padding:15px}.registry-detail-grid{grid-template-columns:1fr 1fr}.condition-update,.activity-entry{grid-template-columns:1fr}.family-draft-list>div{grid-template-columns:1fr 1fr}.family-draft-list>div input:first-child{grid-column:1/-1}.household-list>button{grid-template-columns:40px minmax(0,1fr)}.household-family,.household-active{display:none}.family-members{grid-template-columns:1fr}}.cash-system{gap:20px;display:grid}.cash-toolbar{background:#fff;border:1px solid #d8e2ef;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:24px;padding:23px 25px;display:flex;box-shadow:0 9px 26px #112d4f11}.cash-toolbar h2{color:#102c54;margin:5px 0 6px;font-size:27px;line-height:1.2}.cash-toolbar p{color:#687791;margin:0;font-size:13px;line-height:1.5}.cash-toolbar-actions{align-items:flex-end;gap:10px;display:flex}.cash-toolbar-actions label{color:#52627b;gap:5px;font-size:10px;font-weight:750;display:grid}.cash-toolbar-actions input{color:#193859;min-height:39px;font:inherit;background:#fff;border:1px solid #ced9e7;border-radius:9px;padding:8px 10px;font-size:12px}.cash-toolbar-actions svg{width:17px}.cash-tabs{background:#fff;border:1px solid #d8e2ef;border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.cash-tabs button{color:#5c6d85;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 15px;font-size:12.5px;font-weight:750}.cash-tabs button.active{color:#fff;background:#102f5b;box-shadow:0 3px 9px #102f5b2e}.cash-kpis{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.fund-summary{padding:22px 24px}.fund-summary.compact{margin:20px 0 4px;padding:0}.fund-summary .cash-section-head{margin-bottom:16px}.fund-summary-wrap{overflow-x:auto}.fund-summary table{border-collapse:collapse;width:100%;min-width:650px}.fund-summary th,.fund-summary td{text-align:right;border:1px solid #d8e2ed;padding:13px 15px}.fund-summary thead th{color:#fff;letter-spacing:.02em;background:#102f5b;font-size:12px}.fund-summary thead th:first-child,.fund-summary tbody th{text-align:left}.fund-summary tbody th{color:#29445f;background:#f4f7fb;font-size:13px}.fund-summary tbody td{color:#344f69;white-space:nowrap;font-size:13px;font-weight:650}.fund-summary .fund-total th,.fund-summary .fund-total td{color:#102f5b;background:#edf4fb;border-top:2px solid #163b66;font-weight:800}.fund-summary.compact th,.fund-summary.compact td{padding:9px 10px;font-size:9px}.cash-kpi{background:#fff;border:1px solid #dce5ef;border-radius:15px;align-items:center;gap:12px;min-width:0;min-height:102px;padding:16px;display:flex;box-shadow:0 7px 20px #102c4f0d}.cash-kpi>span{color:#1b67b5;background:#edf4ff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.cash-kpi.green>span{color:#178156;background:#eaf8f1}.cash-kpi.red>span{color:#c24a4a;background:#fff0f0}.cash-kpi.gold>span{color:#9c7415;background:#fff7df}.cash-kpi svg{width:19px}.cash-kpi div{gap:5px;min-width:0;display:grid}.cash-kpi small{color:#5c7088;font-size:14px;font-weight:700;line-height:1.4}.cash-kpi strong{color:#122d52;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.3;overflow:hidden}.cash-dashboard-grid{grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.cash-dashboard-grid>.panel{padding:24px}.cash-section-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.cash-section-head h3{color:#132f55;margin:6px 0 0;font-size:23px;line-height:1.3}.cash-section-head .panel-eyebrow{letter-spacing:.055em;font-size:13px}.cash-section-head>span{color:#435c75;background:#edf3fa;border-radius:30px;padding:8px 12px;font-size:12.5px;font-weight:750}.cash-section-head>button{color:#1765b0;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:750}.cash-balance-visual{background:#f6f9fc;border-radius:13px;gap:16px;padding:16px;display:grid}.cash-balance-visual>div{grid-template-columns:1fr auto;gap:9px;padding-bottom:7px;display:grid;position:relative}.cash-balance-visual span{color:#53677f;font-size:14.5px;font-weight:700}.cash-balance-visual strong{color:#173454;font-size:15.5px}.cash-balance-visual i{background:#269468;border-radius:10px;max-width:100%;height:5px;display:block;position:absolute;bottom:0;left:0}.cash-balance-visual>div:nth-child(2) i{background:#d65a5a}.category-summary{margin-top:14px;display:grid}.category-summary>div{border-bottom:1px solid #e7edf4;justify-content:space-between;gap:15px;padding:9px 2px;display:flex}.category-summary>div:last-child{border-bottom:0}.category-summary span{color:#52677f;font-size:14px}.category-summary strong{color:#1b385b;font-size:14px}.cash-rows{display:grid}.cash-row{border-bottom:1px solid #e7edf4;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 0;display:grid}.cash-row:last-child{border-bottom:0}.cash-row>span{color:#178156;background:#eaf8f1;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.cash-row>span.keluar{color:#bd4747;background:#fff0f0}.cash-row svg{width:16px}.cash-row div{gap:3px;min-width:0;display:grid}.cash-row div strong{color:#183553;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.4;overflow:hidden}.cash-row small{color:#65798f;font-size:12.5px;line-height:1.45}.cash-row>strong{color:#18845a;white-space:nowrap;font-size:14px}.cash-row>strong.keluar{color:#bd4747}.cash-input-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.cash-entry-form{padding:22px}.cash-type-switch{background:#edf2f7;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.cash-type-switch button{color:#68778c;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12.5px;font-weight:750;display:flex}.cash-type-switch button.active{background:#fff;box-shadow:0 3px 9px #1430531a}.cash-type-switch button.active.income{color:#177c56}.cash-type-switch button.active.expense{color:#b53f3f}.cash-type-switch svg{width:16px}.cash-form-note{background:#f1f7fc;border-left:4px solid #2375b8;gap:6px;margin:16px 0 21px;padding:15px 17px;display:grid}.cash-form-note strong{color:#173b5d;font-size:15px;line-height:1.4}.cash-form-note span{color:#60768c;font-size:13px;line-height:1.5}.cash-form-grid{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.cash-form-grid label{color:#29435e;gap:9px;font-size:14px;font-weight:750;line-height:1.4;display:grid}.cash-form-grid label.wide{grid-column:1/-1}.cash-form-grid input,.cash-form-grid select,.cash-form-grid textarea{color:#172d4c;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #ccd8e6;border-radius:9px;outline:0;padding:12px 13px;font-size:15px;font-weight:500;line-height:1.5}.cash-form-grid textarea{resize:vertical;min-height:118px}.cash-form-grid input:focus,.cash-form-grid select:focus,.cash-form-grid textarea:focus{border-color:#4c8dce;box-shadow:0 0 0 3px #3a7ec41f}.cash-notice{color:#286448;background:#eef8f3;border-radius:9px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.5}.cash-submit{justify-content:center;width:100%;margin-top:16px}.cash-side-guide{color:#fff;background:#102f59;border:1px solid #d8e3ef;border-radius:16px;padding:22px;box-shadow:0 10px 25px #0d294b1f}.cash-side-guide>svg{color:#e0bc4e;background:#ffffff1c;border-radius:11px;width:42px;height:42px;padding:10px}.cash-side-guide h3{margin:15px 0 9px;font-size:17px}.cash-side-guide ul{color:#ffffffb8;gap:8px;margin:0;padding-left:18px;font-size:10.5px;line-height:1.5;display:grid}.cash-side-guide>div{border-top:1px solid #ffffff21;gap:5px;margin-top:22px;padding-top:16px;display:grid}.cash-side-guide>div span{color:#ffffff9e;font-size:10px}.cash-side-guide>div strong{color:#fff;font-size:19px}.cash-book{padding:20px}.cash-book-tools{justify-content:space-between;align-items:center;gap:14px;display:flex}.cash-book-tools .search-field{flex:1;max-width:650px}.cash-book-tools>div{background:#edf2f7;border-radius:9px;gap:4px;padding:4px;display:flex}.cash-book-tools>div button{color:#5c6d84;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:10.5px;font-weight:750}.cash-book-tools>div button.active{color:#175792;background:#fff;box-shadow:0 2px 7px #14305217}.cash-book-count{color:#768399;margin:14px 0 8px;font-size:10px}.cash-table-wrap{overflow-x:auto}.cash-table{border-collapse:collapse;width:100%;min-width:1040px}.cash-table th{color:#52647d;letter-spacing:.3px;text-align:left;text-transform:uppercase;background:#f5f8fb;border-bottom:1px solid #d8e2ed;padding:10px 8px;font-size:9px}.cash-table td{color:#53637a;vertical-align:middle;border-bottom:1px solid #e7edf4;padding:11px 8px;font-size:10.5px;line-height:1.4}.cash-table td>strong,.cash-table td>small{display:block}.cash-table td>strong{color:#183653;font-size:10.5px}.cash-table td>small{color:#8a95a5;margin-top:3px;font-size:8.5px}.cash-category{color:#315e8e;background:#eef4fb;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-block}.cash-fund{color:#14734e;white-space:nowrap;background:#eaf8f1;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-block}.public-finance-page{background:#f4f7fb;padding-bottom:76px}.public-finance-container{padding-top:48px}.public-finance-state{color:#557087;text-align:center;background:#fff;border:1px solid #d9e4ef;border-radius:16px;padding:30px}.public-finance-state.error{color:#a23d3d;background:#fff5f5;border-color:#efd1d1}.public-finance-heading{justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;display:flex}.public-finance-heading>div:first-child{max-width:720px}.public-finance-heading span{color:#207452;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.public-finance-heading h2{color:#102f5b;margin:7px 0 8px;font-size:clamp(27px,3vw,38px);line-height:1.2}.public-finance-heading p{color:#60748a;margin:0;font-size:14px;line-height:1.7}.public-finance-verified{background:#f1faf6;border:1px solid #cfe6db;border-radius:14px;align-items:center;gap:12px;min-width:230px;padding:14px 16px;display:flex}.public-finance-verified svg{color:#16805a;width:28px;height:28px}.public-finance-verified span{color:#47806a;letter-spacing:.04em;gap:3px;font-size:9px;display:grid}.public-finance-verified strong{color:#185d43;letter-spacing:0;text-transform:none;font-size:12px}.public-finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.public-finance-kpi{background:#fff;border:1px solid #dce5ef;border-radius:16px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 8px 24px #1736570f}.public-finance-kpi>span{color:#1761a5;background:#edf4fb;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.public-finance-kpi.green>span{color:#16805a;background:#e9f8f1}.public-finance-kpi.red>span{color:#be4747;background:#fff0f0}.public-finance-kpi.gold>span{color:#9b7418;background:#fff7df}.public-finance-kpi svg{width:20px}.public-finance-kpi div{gap:5px;min-width:0;display:grid}.public-finance-kpi small{color:#6b7e93;font-size:11px;font-weight:700}.public-finance-kpi strong{color:#173653;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.5vw,21px);line-height:1.25;overflow:hidden}.public-finance-card{background:#fff;border:1px solid #d9e3ed;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #14305212}.public-finance-table-wrap{padding:24px;overflow-x:auto}.public-finance-card table{border-collapse:collapse;width:100%;min-width:720px}.public-finance-card th,.public-finance-card td{text-align:right;border:1px solid #d7e0ea;padding:16px 18px}.public-finance-card thead th{color:#fff;letter-spacing:.025em;background:#102f5b;font-size:12px}.public-finance-card thead th:first-child,.public-finance-card tbody th{text-align:left}.public-finance-card tbody th{color:#29455f;background:#f5f8fb;font-size:13px}.public-finance-card tbody td{color:#36516b;white-space:nowrap;font-size:13px;font-weight:700}.public-finance-card .public-finance-total th,.public-finance-card .public-finance-total td{color:#102f5b;background:#eaf2f9;border-top:3px solid #163b66;font-weight:850}.public-finance-card>footer{background:#f8fafc;border-top:1px solid #e0e7ef;align-items:center;gap:10px;padding:15px 24px;display:flex}.public-finance-card>footer svg{color:#1d7a58;flex:none;width:20px}.public-finance-card>footer p{color:#687b8f;margin:0;font-size:11px;line-height:1.55}@media (max-width:900px){.public-finance-kpis{grid-template-columns:1fr 1fr}}@media (max-width:640px){.public-finance-page{padding-bottom:48px}.public-finance-container{padding-top:30px}.public-finance-heading{flex-direction:column;align-items:stretch}.public-finance-verified{min-width:0}.public-finance-kpis{grid-template-columns:1fr;gap:10px}.public-finance-kpi{padding:14px}.public-finance-kpi strong{font-size:19px}.public-finance-table-wrap{padding:13px}.public-finance-card th,.public-finance-card td{padding:13px 14px}.public-finance-card>footer{align-items:flex-start;padding:14px 16px}.leadership-board.organization-tpb .leadership-executive-level{grid-template-columns:1fr}.leadership-supervisor{flex-direction:column;align-items:center;gap:4px}.leadership-gallery{margin-top:20px;padding:14px}.leadership-gallery-grid{grid-template-columns:1fr}.leadership-gallery-grid article>div{height:430px}}.cash-table td.cash-in{color:#168058;white-space:nowrap;font-weight:750}.cash-table td.cash-out{color:#bb4747;white-space:nowrap;font-weight:750}.cash-table td button{color:#a95454;cursor:pointer;background:#fff;border:1px solid #e0e7ef;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.cash-table td button svg{width:14px}.finance-report-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px;display:grid}.finance-report-paper{background:#fff;border:1px solid #d8dee7;min-height:650px;padding:36px 42px;box-shadow:0 10px 28px #12294417}.finance-report-paper>header{text-align:center;border-bottom:4px double #12325d;grid-template-columns:65px 1fr;align-items:center;gap:14px;padding-bottom:11px;display:grid}.finance-report-paper>header img{object-fit:contain;width:62px;height:62px}.finance-report-paper>header strong{color:#102f5b;letter-spacing:.4px;text-transform:uppercase;font-size:16px}.finance-report-paper>header h2{color:#102f5b;text-transform:uppercase;margin:2px 0;font-size:21px}.finance-report-paper>header p{color:#455973;margin:0;font-size:10px}.report-period{color:#53647c;text-align:center;margin-top:20px;font-size:11px}.report-summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.report-summary>div{background:#f8fafc;border:1px solid #dce5ef;border-radius:10px;gap:4px;padding:12px;display:grid}.report-summary span{color:#758299;font-size:9px}.report-summary strong{color:#173859;font-size:13px}.finance-report-paper>h3{color:#173657;margin:22px 0 8px;font-size:13px}.report-categories{display:grid}.report-categories>div{border-bottom:1px solid #e4eaf1;justify-content:space-between;gap:14px;padding:8px 2px;display:flex}.report-categories span,.report-categories strong{font-size:10px}.report-categories span{color:#5d6d82}.report-categories strong{color:#1c3b5d}.finance-report-paper>footer{border-top:1px solid #dce3ec;justify-content:space-between;align-items:flex-start;gap:30px;margin-top:28px;padding-top:18px;display:flex}.finance-report-paper>footer>div{color:#53637a;gap:5px;font-size:9.5px;display:grid}.finance-report-paper>footer>div:last-child{text-align:center}.finance-report-paper>footer p{margin:0}.finance-report-paper>footer>div:last-child strong{margin-top:35px}.report-actions{background:#fff;border:1px solid #d8e3ef;border-radius:16px;padding:21px;box-shadow:0 9px 24px #0f2a4b11}.report-actions h3{color:#163456;margin:6px 0 8px;font-size:17px}.report-actions p{color:#6d7b8f;margin:0 0 17px;font-size:10.5px;line-height:1.6}.report-actions button{justify-content:center;width:100%;margin-top:8px}.report-actions svg{width:16px}@media (max-width:1020px){.cash-kpis{grid-template-columns:1fr 1fr}.cash-dashboard-grid,.finance-report-layout{grid-template-columns:1fr}.report-actions{grid-template-columns:1fr 1fr;column-gap:10px;display:grid}.report-actions>span,.report-actions>h3,.report-actions>p{grid-column:1/-1}}@media (max-width:760px){.cash-toolbar{flex-direction:column;align-items:stretch;padding:18px}.cash-toolbar h2{font-size:22px}.cash-toolbar-actions{flex-direction:column;align-items:stretch}.cash-toolbar-actions .primary-button{justify-content:center}.cash-tabs{width:100%;overflow-x:auto}.cash-tabs button{flex:1 0 auto;padding:9px 10px}.cash-kpis{gap:9px}.fund-summary{padding:16px}.cash-kpi{gap:9px;min-height:88px;padding:12px}.cash-kpi>span{width:35px;height:35px}.cash-kpi small{font-size:12.5px}.cash-kpi strong{font-size:18px}.cash-dashboard-grid>.panel{padding:18px}.cash-section-head h3{font-size:21px}.cash-section-head .panel-eyebrow{font-size:12px}.cash-balance-visual span,.category-summary span,.category-summary strong{font-size:13.5px}.cash-row div strong{white-space:normal;font-size:14.5px}.cash-row small{font-size:12px}.cash-row>strong{font-size:13.5px}.cash-input-layout{grid-template-columns:1fr}.cash-entry-form{padding:15px}.cash-form-grid{grid-template-columns:1fr}.cash-form-grid label.wide{grid-column:auto}.cash-form-note strong{font-size:14px}.cash-form-note span{font-size:12.5px}.cash-form-grid label{font-size:13.5px}.cash-form-grid input,.cash-form-grid select,.cash-form-grid textarea{font-size:16px}.cash-side-guide{padding:18px}.cash-book{padding:14px}.cash-book-tools{flex-direction:column;align-items:stretch}.cash-book-tools .search-field{max-width:none}.cash-book-tools>div button{flex:1}.finance-report-paper{min-height:auto;padding:24px 18px}.finance-report-paper>header{grid-template-columns:48px 1fr}.finance-report-paper>header img{width:46px;height:46px}.finance-report-paper>header strong{font-size:11px}.finance-report-paper>header h2{font-size:16px}.finance-report-paper>header p{font-size:8px}.report-summary{grid-template-columns:1fr}.finance-report-paper>footer{flex-direction:column}.finance-report-paper>footer>div:last-child{width:100%;margin-top:10px}.report-actions{grid-template-columns:1fr}.report-actions>span,.report-actions>h3,.report-actions>p{grid-column:auto}}.mail-system{gap:20px;display:grid}.mail-toolbar{background:#fff;border:1px solid #d8e2f0;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 10px 28px #0d2b5312}.mail-toolbar h2{color:#0c2852;margin:5px 0 6px;font-size:27px;line-height:1.2}.mail-toolbar p{color:#60718f;margin:0;font-size:14px;line-height:1.55}.mail-toolbar .primary-button svg{width:18px;height:18px}.mail-tabs{background:#fff;border:1px solid #d8e2f0;border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.mail-tabs button{color:#536682;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 17px;font-size:13px;font-weight:750}.mail-tabs button.active{color:#fff;background:#0c2a55;box-shadow:0 4px 10px #0c2a552e}.mail-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mail-stats article{background:#fff;border:1px solid #dbe5f1;border-radius:15px;align-items:center;gap:14px;min-height:94px;padding:17px 18px;display:flex;box-shadow:0 7px 20px #0f2e550e}.mail-stats article>svg{color:#1d67bc;background:#edf4ff;border-radius:11px;width:39px;height:39px;padding:10px}.mail-stats article:nth-child(2)>svg{color:#19855b;background:#eef9f4}.mail-stats article:nth-child(3)>svg{color:#a87810;background:#fff7df}.mail-stats article:nth-child(4)>svg{color:#7553b8;background:#f3efff}.mail-stats span{color:#66758f;gap:2px;font-size:12px;font-weight:650;display:grid}.mail-stats strong{color:#10294f;font-size:25px;line-height:1}.mail-summary-grid{grid-template-columns:1fr 1.25fr;gap:18px;display:grid}.mail-summary-grid>.panel,.archive-workspace,.letter-form-panel{padding:22px}.mail-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mail-section-title h3{color:#10294f;margin:4px 0 0;font-size:19px}.mail-section-title>button{color:#1766b7;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.template-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.template-grid button{color:#10294f;cursor:pointer;text-align:left;background:#fbfdff;border:1px solid #dbe5f1;border-radius:12px;grid-template-columns:38px 1fr;align-items:center;gap:2px 10px;padding:13px;display:grid}.template-grid button:hover{background:#f4f9ff;border-color:#8db8e8}.template-grid button>span{color:#1766b7;background:#edf4ff;border-radius:9px;grid-row:span 2;place-items:center;width:38px;height:38px;display:grid}.template-grid svg{width:17px}.template-grid strong{font-size:12.5px}.template-grid small{color:#7a879b;font-size:10.5px}.letter-rows{display:grid}.letter-row{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e6ecf4;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 4px;display:grid}.letter-row:last-child{border-bottom:0}.letter-row:hover{background:#f8fbff}.letter-direction>span{color:#1766b7;background:#edf4ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.letter-direction.masuk>span{color:#17815a;background:#edf9f4}.letter-direction svg{width:17px}.letter-row-main{gap:4px;min-width:0;display:grid}.letter-row-main strong{color:#11294e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.letter-row-main small{color:#74829a;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.letter-row-date{color:#52637e;text-align:right;gap:4px;font-size:10.5px;display:grid}.letter-row-date small{color:#315c91;background:#eef4fc;border-radius:20px;justify-self:end;padding:3px 7px;font-size:9px;font-weight:750}.letter-builder{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);align-items:start;gap:20px;display:grid}.direction-switch{background:#eef3f9;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.direction-switch button{color:#60718a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12.5px;font-weight:750;display:flex}.direction-switch button.active{color:#123b70;background:#fff;box-shadow:0 3px 9px #1430531a}.direction-switch svg{width:16px}.form-help{background:#fbf8ee;border-left:3px solid #d4ac3c;gap:3px;margin-bottom:18px;padding:11px 13px;display:grid}.form-help strong{color:#3f361b;font-size:12px}.form-help span{color:#7f7455;font-size:10.5px}.letter-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.letter-form-grid label{color:#344763;gap:7px;font-size:11px;font-weight:750;display:grid}.letter-form-grid label.wide{grid-column:1/-1}.letter-form-grid input,.letter-form-grid select,.letter-form-grid textarea{color:#172c4b;width:100%;font:inherit;background:#fff;border:1px solid #ccd8e7;border-radius:9px;outline:0;padding:10px 11px;font-size:12.5px;font-weight:500;line-height:1.5}.letter-form-grid textarea{resize:vertical;min-height:154px}.letter-form-grid input:focus,.letter-form-grid select:focus,.letter-form-grid textarea:focus{border-color:#4d8fd2;box-shadow:0 0 0 3px #3a7ec41f}.letter-form-grid input[readonly]{color:#365b85;background:#f3f6fa;font-weight:750}.mail-notice{color:#67551c;background:#fff4d2;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:11.5px}.letter-form-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.secondary-button{color:#23466f;cursor:pointer;background:#fff;border:1px solid #cad7e6;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750}.official-letter{color:#1a2230;background:#fff;border:1px solid #d8dde6;min-height:820px;padding:36px 40px 142px;font-family:Arial,Helvetica Neue,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 30px #182b431a}.official-letter.compact{transform-origin:top;min-height:780px}.letterhead{text-align:left;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:18px;min-height:86px;display:grid}.letterhead img{object-fit:contain;width:82px;height:82px}.letterhead strong{color:#2b3e8f;letter-spacing:.45px;text-transform:uppercase;font-size:15.5px;line-height:1.25;display:block}.letterhead h2{color:#2b3e8f;letter-spacing:.45px;text-transform:uppercase;margin:4px 0 0;font-size:20px;line-height:1.15}.letter-meta{margin-top:30px}.letter-meta p{grid-template-columns:67px 8px minmax(0,1fr);align-items:start;margin:5px 0;font-size:11.5px;line-height:1.5;display:grid}.letter-meta p i{font-style:normal}.letter-meta p b{font-weight:400}.letter-body{text-align:justify;margin-top:21px;font-size:11.5px;line-height:1.75}.letter-body p{margin:0 0 13px}.letter-signature{text-align:center;width:100%;margin-top:28px;font-size:10.5px;line-height:1.45}.letter-signature p{margin:0}.letter-signature-location{font-weight:650}.letter-dual-date{grid-template-columns:1fr 1fr;gap:12px;width:min(420px,100%);margin:7px auto 9px;display:grid}.letter-dual-date span{text-align:left;border:1px solid #d9e1eb;border-radius:6px;grid-template-columns:55px 1fr;align-items:center;display:grid;overflow:hidden}.letter-dual-date small{color:#4a5d77;text-transform:uppercase;background:#eef3f8;height:100%;padding:5px 7px;font-size:8px;font-weight:800}.letter-dual-date b{padding:5px 7px;font-size:9px;font-weight:650}.letter-signature-org{text-transform:uppercase;font-weight:800}.letter-approval{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:start;gap:8px;margin-top:9px;display:grid}.letter-approval>span{min-width:0;display:grid}.letter-approval b{font-weight:650}.letter-approval strong{margin-top:49px;text-decoration:underline;display:block}.letter-approval i{color:#008a49ad;text-transform:uppercase;border:2px solid #008a497a;border-radius:50%;align-self:center;place-items:center;width:58px;height:58px;font-size:7px;font-style:normal;font-weight:850;line-height:1.2;display:grid;transform:rotate(-8deg)}.letter-stationery-footer{color:#2b3e8f;position:absolute;bottom:0;left:0;right:0}.letter-contact-strip{grid-template-columns:1.75fr 1.35fr 1fr;align-items:start;gap:14px;margin:0 32px 13px;display:grid}.letter-contact-strip>span{border-left:1px solid #b4b8c0;gap:2px;min-width:0;padding-left:14px;display:grid}.letter-contact-strip>span:first-child{border-left:0;padding-left:0}.letter-contact-strip strong{font-size:9px;line-height:1.25}.letter-contact-strip small{overflow-wrap:anywhere;color:#2b3e8f;font-size:7.5px;line-height:1.35}.letter-footer-band{background:#2b3e8f;justify-content:flex-end;align-items:center;height:22px;padding:0 19px;display:flex;position:relative;overflow:hidden}.letter-footer-band:before{content:"";clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);background:#008c91;width:34%;height:100%;position:absolute;bottom:0;right:0}.letter-footer-band:after{content:"";clip-path:polygon(45% 0,100% 0,72% 100%,0 100%);background:#00a859;width:17%;height:100%;position:absolute;bottom:0;right:25%}.letter-footer-band b{z-index:1;color:#fff;letter-spacing:.75px;text-transform:uppercase;font-size:7px;position:relative}.archive-tools{justify-content:space-between;align-items:center;gap:14px;display:flex}.archive-tools .search-field{flex:1;max-width:620px}.archive-filters{background:#eef3f8;border-radius:10px;gap:5px;padding:4px;display:flex}.archive-filters button{color:#5f6f86;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:750}.archive-filters button.active{color:#174f89;background:#fff;box-shadow:0 2px 8px #16365917}.archive-result-count{color:#748198;margin:15px 0 4px;font-size:10.5px}.archive-empty{color:#718097;text-align:center;border:1px dashed #ccd8e6;border-radius:11px;padding:28px;font-size:12px}.letter-modal{z-index:1000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.letter-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041227b8;border:0;position:absolute;inset:0}.letter-modal-card{background:#edf2f8;border-radius:16px;width:min(820px,100%);max-height:calc(100vh - 48px);padding:16px;position:relative;overflow:auto}.letter-modal-actions{z-index:3;background:#fff;border-bottom:1px solid #d5e0ec;align-items:center;gap:8px;margin:-16px -16px 16px;padding:12px 16px;display:flex;position:sticky;top:-16px}.letter-modal-actions>div{flex:1;gap:2px;min-width:0;display:grid}.letter-modal-actions strong{color:#102b50;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.letter-modal-actions span{color:#748197;font-size:9.5px}.letter-modal-actions button{color:#234b76;cursor:pointer;background:#fff;border:1px solid #cedae8;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10.5px;font-weight:750;display:flex}.letter-modal-actions button:first-of-type{color:#fff;background:#1764ad;border-color:#1a62a8}.letter-modal-actions button.icon-only{padding:8px}.letter-modal-actions svg{width:15px;height:15px}.letter-modal-card .official-letter{width:100%;max-width:680px;margin:auto}@media (max-width:980px){.mail-stats{grid-template-columns:1fr 1fr}.mail-summary-grid,.letter-builder{grid-template-columns:1fr}.letter-builder>.official-letter{width:min(680px,100%);margin:auto}}@media (max-width:620px){.mail-toolbar{flex-direction:column;align-items:stretch;padding:19px}.mail-toolbar h2{font-size:22px}.mail-toolbar .primary-button{justify-content:center}.mail-tabs{width:100%}.mail-tabs button{flex:1;padding:9px 5px}.mail-stats{grid-template-columns:1fr 1fr;gap:9px}.mail-stats article{gap:9px;min-height:78px;padding:12px}.mail-stats article>svg{width:34px;height:34px}.mail-stats strong{font-size:21px}.mail-summary-grid>.panel,.archive-workspace,.letter-form-panel{padding:15px}.template-grid,.letter-form-grid{grid-template-columns:1fr}.letter-form-grid label.wide{grid-column:auto}.archive-tools{flex-direction:column;align-items:stretch}.archive-tools .search-field{max-width:none}.archive-filters button{flex:1}.letter-row{grid-template-columns:38px minmax(0,1fr)}.letter-row-date{display:none}.letter-row-main strong{white-space:normal}.letter-form-actions{grid-template-columns:1fr 1fr;display:grid}.official-letter{min-height:690px;padding:24px 20px 126px}.letterhead{grid-template-columns:58px minmax(0,1fr);gap:10px;min-height:60px}.letterhead img{width:54px;height:54px}.letterhead strong{font-size:11px}.letterhead h2{font-size:14px}.letter-dual-date{grid-template-columns:1fr;gap:5px}.letter-approval{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:4px}.letter-approval i{width:43px;height:43px;font-size:6px}.letter-approval strong{margin-top:38px;font-size:8px}.letter-contact-strip{grid-template-columns:1.6fr 1.2fr 1fr;gap:6px;margin:0 12px 9px}.letter-contact-strip>span{padding-left:6px}.letter-contact-strip strong{font-size:7px}.letter-contact-strip small{font-size:5.8px}.letter-footer-band{height:17px;padding:0 10px}.letter-footer-band b{font-size:5.5px}.letter-modal{padding:8px}.letter-modal-card{border-radius:12px;max-height:calc(100vh - 16px);padding:8px}.letter-modal-actions{margin:-8px -8px 8px;padding:10px;top:-8px}.letter-modal-actions>div{display:none}.letter-modal-actions button{flex:1;justify-content:center}}@media print{body *{visibility:hidden!important}.letter-modal,.letter-modal *,.official-letter,.official-letter *{visibility:visible!important}.letter-modal{padding:0;display:block;position:static}.letter-modal-backdrop,.letter-modal-actions{display:none!important}.letter-modal-card{background:#fff;width:100%;max-height:none;padding:0;overflow:visible}.official-letter{min-height:297mm;box-shadow:none;border:0;padding:16mm 18mm 38mm;width:210mm!important;margin:0!important}}.qurban-admin{gap:15px;display:grid}.qurban-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qurban-view-tabs button{color:#18345b;cursor:pointer;text-align:left;background:#fff;border:1px solid #d7e1ee;border-radius:14px;align-items:center;gap:14px;min-height:82px;padding:16px 20px;display:flex;box-shadow:0 5px 14px #0f274b0f}.qurban-view-tabs button>svg{box-sizing:content-box;color:#1768b0;background:#edf6ff;border-radius:11px;width:24px;height:24px;padding:10px}.qurban-view-tabs button span{gap:4px;display:grid}.qurban-view-tabs button strong{font-size:16px;line-height:1.25}.qurban-view-tabs button small{color:#667a97;font-size:13px}.qurban-view-tabs button.active{color:#0b2a53;background:#fffaf0;border-color:#dcb33d;box-shadow:0 6px 16px #74570f1a}.qurban-view-tabs button.active>svg{color:#17345c;background:#e4bc43}.qurban-entry-panel{grid-template-columns:minmax(240px,.75fr) minmax(420px,1.25fr);gap:38px;padding:30px;display:grid}.qurban-entry-heading h2{color:#0c2b52;margin:8px 0 10px;font-size:25px;line-height:1.25}.qurban-entry-heading p{color:#61738f;margin:0;font-size:15px;line-height:1.7}.qurban-entry-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.qurban-entry-form label{gap:8px;display:grid}.qurban-entry-form label>span{color:#17345b;font-size:14px;font-weight:700}.qurban-entry-form input,.qurban-entry-form select,.qurban-entry-form textarea{color:#102a4c;width:100%;font:inherit;background:#fff;border:1px solid #cfdceb;border-radius:10px;outline:none;padding:13px 14px;font-size:15px}.qurban-entry-form input:focus,.qurban-entry-form select:focus,.qurban-entry-form textarea:focus{border-color:#2674bd;box-shadow:0 0 0 3px #2674bd1f}.qurban-entry-address,.qurban-participant-options,.qurban-form-notice,.qurban-entry-actions{grid-column:1/-1}.qurban-entry-form textarea{resize:vertical}.qurban-participant-options{grid-template-columns:1fr 1fr;gap:18px;display:grid}.qurban-participant-options fieldset{border:1px solid #d4dfec;border-radius:12px;min-width:0;margin:0;padding:16px}.qurban-participant-options legend{color:#17345b;padding:0 7px;font-size:14px;font-weight:750}.qurban-choice-row,.qurban-payment-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.qurban-choice-row label,.qurban-payment-row label{cursor:pointer;background:#fff;border:1px solid #d4dfec;border-radius:9px;align-items:center;gap:9px;min-height:58px;padding:11px;display:flex}.qurban-payment-row{grid-template-columns:repeat(3,minmax(0,1fr))}.qurban-payment-row label{justify-content:center;min-height:45px}.qurban-choice-row label>span{gap:2px;display:grid}.qurban-choice-row strong,.qurban-payment-row strong{color:#173552;font-size:14px}.qurban-choice-row small{color:#718197;font-size:11px}.qurban-payment-info{color:#173552;background:#f5f8fc;border-radius:9px;align-items:center;gap:12px;min-height:70px;margin-top:12px;padding:12px;display:flex}.qurban-payment-info svg{color:#173552;width:44px;height:44px}.qurban-payment-info span{gap:3px;display:grid}.qurban-payment-info small{color:#718197;font-size:12px;line-height:1.45}.qurban-form-notice{border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.qurban-form-notice svg{width:19px}.qurban-form-notice.success{color:#17633f;background:#eaf8f0}.qurban-form-notice.error{color:#a63232;background:#fff0f0}.qurban-entry-actions{gap:12px;display:flex}.qurban-entry-actions button{color:#14335c;cursor:pointer;min-height:46px;font:inherit;background:#fff;border:1px solid #cad8e8;border-radius:10px;padding:0 18px;font-size:14px;font-weight:750}.qurban-entry-actions button:first-child{color:#0c2445;background:#e1b83f;border-color:#e1b83f;align-items:center;gap:8px;display:inline-flex}.qurban-entry-actions svg{width:18px}.qurban-entry-actions button:disabled{cursor:wait;opacity:.65}.qurban-admin-toolbar{background:#fff;border:1px solid #dbe5ef;border-radius:15px;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px;display:flex}.qurban-admin-toolbar h2{color:#173552;margin-top:5px;font-size:26px;line-height:1.25}.qurban-admin-toolbar p{color:#718197;margin-top:8px;font-size:15px;line-height:1.6}.qurban-admin .panel-eyebrow{letter-spacing:.7px;font-size:11.5px;font-weight:700}.qurban-admin-links{flex-wrap:wrap;gap:8px;display:flex}.qurban-admin-links a,.qurban-admin-links button{color:#245f94;cursor:pointer;background:#f8fbfe;border:1px solid #cbd9e7;border-radius:9px;align-items:center;gap:8px;min-height:46px;padding:10px 14px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.qurban-admin-links svg{width:16px}.qurban-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.qurban-admin-kpis article{background:#fff;border:1px solid #dbe5ef;border-radius:13px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex}.qurban-admin-kpis article>span{color:#276ba6;background:#edf4fb;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;display:grid}.qurban-admin-kpis article:nth-child(2)>span{color:#a37c13;background:#fff7df}.qurban-admin-kpis article:nth-child(4)>span{color:#187654;background:#e9f8f1}.qurban-admin-kpis svg{width:21px}.qurban-admin-kpis article>div{gap:3px;min-width:0;display:grid}.qurban-admin-kpis small{color:#7a899c;font-size:12px;line-height:1.4}.qurban-admin-kpis strong{color:#173552;font-size:15px;font-weight:700}.qurban-admin-panel{padding:21px}.qurban-admin-filters{grid-template-columns:minmax(260px,1fr) 180px 170px;gap:9px;margin-bottom:15px;display:grid}.qurban-admin-filters select{color:#425b73;background:#fff;border:1px solid #ccd9e6;border-radius:9px;min-height:48px;padding:10px 12px;font-size:13px}.qurban-admin-filters .search-field{min-height:48px}.qurban-admin-filters .search-field input{font-size:13px}.qurban-admin-table-wrap{overflow-x:auto}.qurban-admin-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1080px}.qurban-admin-table th:first-child{width:14%}.qurban-admin-table th:nth-child(2){width:18%}.qurban-admin-table th:nth-child(3){width:26%}.qurban-admin-table th:nth-child(4){width:15%}.qurban-admin-table th:nth-child(5){width:20%}.qurban-admin-table th:nth-child(6){text-align:center;width:7%}.qurban-admin-table th:nth-child(3),.qurban-admin-table th:nth-child(4),.qurban-admin-table th:nth-child(5),.qurban-admin-table td:nth-child(3),.qurban-admin-table td:nth-child(4),.qurban-admin-table td:nth-child(5),.qurban-admin-table td:nth-child(6){text-align:center}.qurban-admin-table td:nth-child(3) .qurban-type-badge,.qurban-admin-table td:nth-child(4) .qurban-status-badge{margin-inline:auto}.qurban-admin-table td:nth-child(5)>small{text-align:center;width:100%}.qurban-admin-table th{color:#526a86;letter-spacing:.25px;text-align:left;text-transform:uppercase;background:#f5f8fb;border-bottom:1px solid #d5e0eb;padding:16px 15px;font-size:13px;font-weight:750;line-height:1.4}.qurban-admin-table td{color:#49617c;vertical-align:middle;border-bottom:1px solid #e6ecf2;height:86px;padding:18px 15px;font-size:14px;line-height:1.55}.qurban-admin-table td:first-child>strong{color:#145d98;letter-spacing:.1px;font-size:14px;font-weight:750}.qurban-admin-person{gap:4px;max-width:280px;display:grid}.qurban-admin-person strong{color:#102f53;font-size:15px;font-weight:750;line-height:1.35}.qurban-admin-person small{color:#70829a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.45;overflow:hidden}.qurban-type-badge,.qurban-status-badge{text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:8px 12px;font-size:12px;font-weight:750;line-height:1.35;display:inline-flex}.qurban-type-badge{flex-direction:column;gap:2px;width:190px;max-width:100%}.qurban-type-badge>strong{font:inherit}.qurban-type-badge>small{color:inherit;opacity:.82;font-size:10px;font-weight:650}.qurban-status-badge{width:150px;max-width:100%;min-height:42px;padding-block:7px}.qurban-admin-table td>small{color:#5f738d;font-size:13px;line-height:1.7;display:inline-block}.qurban-type-badge.shahibul{color:#88670f;background:#fff5d8}.qurban-type-badge.mustahik{color:#27689f;background:#eaf3fc}.qurban-status-badge.registered{color:#b42323;background:#ffeded}.qurban-status-badge.collected{color:#175fa6;background:#e7f1ff}.qurban-status-badge.unclaimed{color:#b42323;background:#ffeded}.qurban-delete-button{color:#ae4a40;cursor:pointer;background:#fff0ed;border:1px solid #f6d9d4;border-radius:8px;place-items:center;width:42px;height:42px;margin-inline:auto;display:grid}.qurban-delete-button svg{width:17px}@media (max-width:900px){.qurban-admin-toolbar{flex-direction:column;align-items:stretch}.qurban-admin-kpis,.qurban-admin-filters{grid-template-columns:1fr 1fr}.qurban-admin-filters .search-field{grid-column:1/-1}}:root{--prm-blue:#0a2947;--prm-blue-deep:#061d35;--prm-blue-soft:#eaf1f7;--prm-line:#d9e3ec;--prm-paper:#f4f7fa;--prm-ink:#102840;--prm-muted:#64788b;--prm-gold:#d7b354}.home-page .hero-slide.hero-welcome>img{object-position:center 48%;filter:saturate(.9)contrast(.96)brightness(.9);width:100%;left:0}.home-page .hero-slide.hero-welcome .hero-overlay{background:linear-gradient(90deg,#07223dfa 0%,#07223deb 34%,#07223da3 57%,#07223d24 100%),linear-gradient(#061b3224,#061b324d)}.home-page .hero-slider:before,.home-page .hero-slider:after{z-index:3;pointer-events:none;content:"";position:absolute}.home-page .hero-slider:before{opacity:.8;border:1px solid #ffffff45;border-radius:61% 39% 67% 33%;width:230px;height:150px;top:96px;right:11%;transform:rotate(-18deg)}.home-page .hero-slider:after{clip-path:polygon(0 47%,100% 0,65% 100%);background:linear-gradient(145deg,#ffffff26,#0000 62%);width:330px;height:190px;bottom:-58px;right:7%}.home-page .hero-live-badge,.home-page .hero-kicker{color:#dce9f3}.home-page .home-upcoming-inner .section-header{margin-bottom:18px}.home-page .home-upcoming-scroll .event-card{border:1px solid var(--prm-line);background:#fff;border-radius:12px;transition:transform .24s,box-shadow .24s,border-color .24s;overflow:hidden;box-shadow:0 5px 13px #0a294712}.home-page .mosque-location-card,.home-page .membership-public-section,.home-page .public-activity-section,.home-page .ortom-program-showcase,.home-page .public-services-section{border-radius:18px}.home-page .mosque-location-card{border:1px solid #cdd9e4;box-shadow:0 15px 34px #0a294721}.home-page .public-activity-section{background:var(--prm-blue);margin:52px 0;box-shadow:inset 0 1px #ffffff1a,0 20px 36px #0a29471f}@media (max-width:760px){.home-page .hero-slider{min-height:570px}.home-page .hero-slide>img{opacity:.44;width:100%;left:0}.home-page .hero-overlay{background:linear-gradient(#0a2947e6,#0a2947d1)}.home-page .hero-content{width:calc(100% - 36px);padding:108px 0 138px}.home-page .hero-content h1{font-size:clamp(38px,11vw,52px)}.home-page .hero-desc{font-size:15px}.home-page .hero-secondary-button{display:none}.home-page .hero-slider-dots{width:calc(100% - 36px)}.home-page .home-upcoming-section{margin-top:-72px}.home-page .home-upcoming-inner{margin:0 10px;padding:18px}.home-page .stats-bar,.home-page .public-highlights,.home-page>.container{width:calc(100% - 32px)}.home-page .stats-bar{margin-bottom:38px}.home-page .stat-item{min-height:89px;padding:16px 8px}.home-page .stat-num{font-size:23px}.home-page .stat-label{font-size:9px}.home-page .stat-item:not(:last-child):after{top:14px;bottom:14px}.home-page .public-section-heading h2,.home-page .membership-content h2{font-size:28px}.home-page .public-section-heading p,.home-page .section-intro,.home-page .membership-lead{font-size:14px}}:root{--ui-primary:#1769e8;--ui-primary-dark:#0e4fb7;--ui-primary-soft:#eaf2ff;--ui-ink:#102541;--ui-copy:#4c627d;--ui-muted:#7b8da4;--ui-line:#dce5f0;--ui-canvas:#f3f6fb;--ui-surface:#fff;--ui-radius:14px;--ui-shadow:0 1px 2px #1330590a, 0 10px 30px #13305914;--ui-shadow-raised:0 2px 4px #1330590d, 0 18px 42px #1330591f}body{background:radial-gradient(circle at 85% 0%, #1769e812, transparent 32rem), var(--ui-canvas);color:var(--ui-copy)}h1,h2,h3,h4,h5,h6,.brand-name,.section-title,.stat-num{color:var(--ui-ink);letter-spacing:-.025em;font-family:DM Sans,Noto Sans,sans-serif;font-weight:700}.navbar{background:linear-gradient(105deg,#071f45 0%,#0a2c60 100%)}.nav-links{background:#0415322e;border:1px solid #ffffff12;border-radius:12px;padding:5px;box-shadow:inset 0 1px 1px #ffffff0a}.nav-link{color:#ffffffbd;border-radius:8px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:600}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;text-shadow:none;background:linear-gradient(#2780f1,#1769e8);box-shadow:inset 0 1px #ffffff40,0 5px 12px #00184640}.portal-login-button{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;min-height:42px;padding:9px 18px;font-size:13px;font-weight:650;box-shadow:inset 0 1px #ffffff14}.portal-login-button:hover{background:#ffffff21;border-color:#ffffff61;transform:translateY(-1px);box-shadow:0 8px 18px #000d2738}.page,.portal-page,.admin-page{color:var(--ui-copy)}.panel,.finance-card,.inventory-card,.jamaah-card,.qurban-admin-toolbar,.qurban-admin-kpis article{border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);background:linear-gradient(160deg,#fff 72%,#f9fbfe 100%)}.panel:hover,.finance-card:hover,.inventory-card:hover,.jamaah-card:hover{border-color:#cad8e8}.panel-eyebrow,.section-kicker,.eyebrow{color:var(--ui-primary);letter-spacing:.08em;font-weight:700}.btn-primary,.primary-button,.portal-action,.qurban-entry-actions button:first-child{border-color:var(--ui-primary);background:linear-gradient(180deg, #2b7df0, var(--ui-primary));color:#fff;box-shadow:inset 0 1px #ffffff47,0 4px #0d4da9,0 10px 20px #1769e82e}.btn-primary:hover,.primary-button:hover,.portal-action:hover,.qurban-entry-actions button:first-child:hover{background:linear-gradient(#3487f8,#1a6fea);box-shadow:inset 0 1px #ffffff4d,0 4px #0d4da9,0 14px 25px #1769e83d}.qurban-view-tabs button.active>svg{background:var(--ui-primary);color:#fff}.qurban-entry-panel{background:linear-gradient(90deg,#0a2b5e 0 31%,#fff 31% 100%)}.qurban-entry-heading{background:radial-gradient(circle at 12% 92%,#1f77ee4d,#0000 18rem),linear-gradient(150deg,#071f45,#0b3672)}.qurban-entry-actions button:first-child{background:linear-gradient(#2b7df0,#1769e8)}.qurban-choice-row label.selected,.qurban-payment-row label.selected{border-color:var(--ui-primary);background:linear-gradient(155deg,#f4f9ff,#e7f1ff);box-shadow:inset 0 1px #fff,0 0 0 2px #1769e817,0 7px 15px #1769e81c}.qurban-admin-table thead,.data-table thead,.attendance-admin-table thead{background:#f5f8fc}.qurban-admin-table th,.data-table th,.attendance-admin-table th{color:#607690;font-size:12px;font-weight:700}.qurban-admin-table td,.data-table td,.attendance-admin-table td{color:#506680;font-size:13px}.portal-login-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 18% 78%,#1b6cda6b,#0000 30rem),radial-gradient(circle at 84% 24%,#5c8bcc47,#0000 26rem),linear-gradient(135deg,#051430f2,#102f56e8)}.portal-login-overlay:before,.portal-login-overlay:after{content:"";filter:blur(.2px);background:linear-gradient(145deg,#2780f129,#0000);border:1px solid #ffffff14;border-radius:42% 58% 62% 38%;width:420px;height:420px;position:absolute;transform:rotate(24deg)}.portal-login-overlay:before{bottom:-210px;right:-130px}.portal-login-overlay:after{top:-230px;left:-140px}.portal-login-modal{z-index:1;color:#fff;-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);background:linear-gradient(145deg,#ffffff2e,#ffffff14);border:1px solid #ffffff47;border-radius:22px;width:min(92vw,440px);padding:38px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 28px 70px #000b207a}.portal-login-modal:before{content:"";background:linear-gradient(90deg,#0000,#ffffff9e,#0000);height:1px;position:absolute;top:0;left:0;right:0}.portal-login-eyebrow{color:#8fc0ff;letter-spacing:.12em;font-size:11px;font-weight:700}.portal-login-modal h2{color:#fff;margin-top:8px;font-size:30px}.portal-login-modal>p{color:#ffffffad;font-size:14px;line-height:1.65}.portal-login-modal label>span{color:#ffffffdb;font-size:13px;font-weight:600}.portal-login-modal input{color:#fff;background:#0416323d;border:1px solid #ffffff3d;border-radius:10px;min-height:52px;font-size:15px;box-shadow:inset 0 1px 2px #00000029,0 1px #ffffff14}.portal-login-modal input:focus{border-color:#79b4ff;box-shadow:0 0 0 3px #64a8ff29,inset 0 1px 2px #0000001f}.portal-login-modal form>button{color:#fff;background:linear-gradient(#3286f5,#1769e8);border-radius:10px;min-height:52px;font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffff47,0 4px #0c4ba7,0 14px 25px #00194842}.portal-login-close{color:#fff;background:#ffffff17;border:1px solid #ffffff29}.admin-auth-shell{background:radial-gradient(circle at 18% 78%,#1b6cda6b,#0000 30rem),radial-gradient(circle at 84% 24%,#5c8bcc47,#0000 26rem),linear-gradient(135deg,#051630,#103259);position:relative;overflow:hidden}.admin-auth-shell:before,.admin-auth-shell:after{content:"";background:linear-gradient(145deg,#2780f129,#0000);border:1px solid #ffffff14;border-radius:42% 58% 62% 38%;width:420px;height:420px;position:absolute;transform:rotate(24deg)}.admin-auth-shell:before{bottom:-210px;right:-130px}.admin-auth-shell:after{top:-230px;left:-140px}.admin-login-modal{width:min(92vw,440px)}.admin-login-modal .portal-login-close{place-items:center;text-decoration:none;display:grid}.admin-login-card{color:#fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff2b,#ffffff14);border:1px solid #ffffff3d;border-radius:22px;box-shadow:inset 0 1px #ffffff40,0 28px 70px #000b2073}.admin-login-card h1{color:#fff}.admin-login-card p,.admin-login-card>span,.admin-login-card label,.admin-login-card>a{color:#ffffffb3}.admin-login-card input{color:#fff;background:#04163240;border-color:#ffffff3d}.admin-login-card>button{background:linear-gradient(#3286f5,#1769e8);box-shadow:inset 0 1px #ffffff47,0 4px #0c4ba7,0 12px 22px #00194840}@media (max-width:760px){.nav-links{box-shadow:none;background:0 0;border:0;padding:0}.qurban-entry-panel{background:#fff}.portal-login-modal{padding:30px 22px}.qurban-admin-table th,.data-table th,.attendance-admin-table th{font-size:12px}.qurban-admin-table td,.data-table td,.attendance-admin-table td{font-size:13px}}@media (max-width:560px){.qurban-view-tabs,.qurban-entry-panel,.qurban-entry-form{grid-template-columns:1fr}.qurban-view-tabs{gap:10px}.qurban-view-tabs button{min-height:74px;padding:13px 14px}.qurban-entry-panel{gap:24px;padding:20px 16px}.qurban-entry-address,.qurban-participant-options,.qurban-form-notice,.qurban-entry-actions{grid-column:auto}.qurban-entry-actions{flex-direction:column}.qurban-participant-options{grid-template-columns:1fr}.qurban-admin-toolbar,.qurban-admin-panel{padding:17px}.qurban-admin-links{grid-template-columns:1fr;display:grid}.qurban-admin-links a,.qurban-admin-links button{justify-content:center}.qurban-admin-kpis{gap:8px}.qurban-admin-kpis article{padding:13px}.qurban-admin-filters{grid-template-columns:1fr}.qurban-admin-filters .search-field{grid-column:auto}}:root{--surface-shadow:0 1px 1px #0a1f440d, 0 8px 20px #0a1f4412, 0 22px 48px #0a1f440d;--surface-shadow-hover:0 2px 3px #0a1f440f, 0 12px 28px #0a1f441a, 0 28px 58px #0a1f440f;--control-shadow:inset 0 1px 0 #ffffffd9, 0 2px 5px #0a1f440d;--motion-standard:cubic-bezier(.2, .75, .25, 1)}body{background:radial-gradient(circle at 8% 0,#3a70ae12,#0000 26rem),linear-gradient(#f6f8fc 0%,#f1f5fa 100%)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:transform .22s var(--motion-standard), box-shadow .22s var(--motion-standard), border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease}button:active,a:active{transform:translateY(1px)scale(.99)}.navbar{background:linear-gradient(#0b254e 0%,#091f43 100%);border-bottom:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0d,0 7px 20px #05142e2e}.nav-link,.login-trigger,.logout-button{text-shadow:0 1px 1px #00000024}.nav-link.active{box-shadow:inset 0 1px #fff6,0 4px #987421,0 8px 16px #0000002b}.panel,.qurban-admin-toolbar,.qurban-admin-kpis article,.admin-card,.finance-card,.inventory-card,.jamaah-card{box-shadow:var(--surface-shadow);background:linear-gradient(#fff 0%,#fdfefe 100%);border-color:#d8e2ed}.panel{border-radius:16px}input,textarea,select{box-shadow:var(--control-shadow);transition:border-color .2s,box-shadow .2s,background-color .2s}input:hover,textarea:hover,select:hover{border-color:#b7c9dc}input:focus,textarea:focus,select:focus{border-color:#2c70ad;box-shadow:0 0 0 3px #2c70ad1c,inset 0 1px 2px #0a1f440a}.qurban-view-tabs button{background:linear-gradient(160deg,#fff 30%,#f6f9fd 100%);border-color:#d6e1ed;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 3px 7px #0a1f440f,0 12px 24px #0a1f440d}.qurban-view-tabs button:after{content:"";background:0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.qurban-view-tabs button:hover{box-shadow:var(--surface-shadow-hover);border-color:#b9cbdd;transform:translateY(-2px)}.qurban-view-tabs button.active{background:linear-gradient(145deg,#fffdf6 0%,#fff7df 100%);border-color:#d8b140;box-shadow:inset 0 1px #fff,0 3px 7px #74570f12,0 13px 26px #74570f17}.qurban-view-tabs button.active:after{background:#d4a92f}.qurban-entry-panel{box-shadow:var(--surface-shadow);background:linear-gradient(90deg,#0c2a52 0 31%,#fff 31% 100%);border:1px solid #d6e1ed;overflow:hidden}.qurban-entry-heading{background:radial-gradient(circle at 8% 92%,#d6ae382e,#0000 15rem),linear-gradient(155deg,#0c2a52,#102f5b);align-self:stretch;margin:-30px 0 -30px -30px;padding:34px 30px}.qurban-entry-heading .panel-eyebrow{color:#e4bc43}.qurban-entry-heading h2{color:#fff;letter-spacing:-.45px;font-size:clamp(24px,2.2vw,31px)}.qurban-entry-heading p{color:#ffffffb3;max-width:320px}.qurban-entry-form{padding:2px 0}.qurban-entry-form label>span,.qurban-participant-options legend{letter-spacing:-.1px}.qurban-entry-form input,.qurban-entry-form select,.qurban-entry-form textarea{background:linear-gradient(#fff,#fbfdff);border-color:#cbd9e7;min-height:52px}.qurban-choice-row label,.qurban-payment-row label{background:linear-gradient(155deg,#fff,#f8fbfe);border-color:#d2deea;box-shadow:inset 0 1px #fff,0 2px 6px #0a1f440d}.qurban-choice-row label:hover,.qurban-payment-row label:hover{border-color:#9dbbd5;transform:translateY(-1px)}.qurban-choice-row label.selected,.qurban-payment-row label.selected{background:linear-gradient(155deg,#f4faff,#e9f4ff);border-color:#2b73b4;box-shadow:inset 0 1px #fff,0 0 0 2px #2874b917,0 7px 15px #2874b91a}.qurban-payment-info{background:linear-gradient(145deg,#f8fafc,#f1f5fa);border:1px solid #dce6ef;box-shadow:inset 0 1px #fff}.qurban-entry-actions button{box-shadow:inset 0 1px #ffffffa6,0 3px 7px #0a1f4414}.qurban-entry-actions button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffb8,0 8px 16px #0a1f441f}.qurban-entry-actions button:first-child{background:linear-gradient(#e8c34e,#dbaf31);box-shadow:inset 0 1px #ffffff73,0 4px #a9821f,0 10px 18px #8c670e24}.qurban-admin-table tbody tr{transition:background-color .18s}.qurban-admin-table tbody tr:hover{background:#f8fbfe}.qurban-type-badge,.qurban-status-badge{border:1px solid #0a1f440d;box-shadow:inset 0 1px #ffffffb3,0 3px 8px #0a1f440d}.qurban-delete-button{box-shadow:inset 0 1px #fff,0 3px 7px #ae4a4014}.qurban-delete-button:hover{background:#ffe8e5;border-color:#eebdb7;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 7px 14px #ae4a4024}.page.active>*{animation:interface-enter .48s var(--motion-standard) both}@keyframes interface-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.qurban-entry-panel{background:#fff}.qurban-entry-heading{margin:-20px -16px 0;padding:24px 20px}.qurban-entry-heading p{max-width:none}.qurban-view-tabs button:hover,.qurban-choice-row label:hover,.qurban-payment-row label:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ortom-description{color:#ffffffe6;max-width:760px;margin-top:17px;font-size:16px;font-weight:450;line-height:1.75}.ortom-program-list{margin-top:27px}.ortom-program-item{border-top-color:#ffffff24;grid-template-columns:46px minmax(0,1fr);gap:15px;min-height:78px;padding:14px 0}.ortom-program-item>span{letter-spacing:.2px;border-radius:11px;width:40px;height:40px;font-size:12px}.ortom-program-item>div{justify-content:center;gap:5px}.ortom-program-item strong{color:#fff;font-size:15px;font-weight:800;line-height:1.4}.ortom-program-item small{color:#ffffffc2;font-size:12.5px;font-weight:450;line-height:1.55}.ortom-logo-tabs button{gap:15px;min-height:94px;padding:17px 20px}.ortom-tab-logo{width:56px;height:56px;padding:7px}.ortom-tab-copy{justify-content:center;gap:5px}.ortom-tab-copy small{font-size:10px;line-height:1}.ortom-tab-copy strong{color:#ffffffe0;text-overflow:clip;white-space:normal;font-size:13.5px;font-weight:750;line-height:1.35;overflow:visible}@media (max-width:760px){.ortom-description{font-size:14.5px;line-height:1.7}.ortom-program-item{grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:76px;padding:13px 0}.ortom-program-item>span{width:38px;height:38px;font-size:11px}.ortom-program-item strong{font-size:14px}.ortom-program-item small{font-size:12px}.ortom-logo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ortom-logo-tabs button{text-align:left;flex-direction:row;align-items:center;gap:11px;min-height:82px;padding:13px}.ortom-tab-logo{width:46px;height:46px}.ortom-tab-copy{align-items:flex-start}.ortom-tab-copy small{font-size:9px;display:block}.ortom-tab-copy strong{text-align:left;-webkit-line-clamp:unset;font-size:12px;display:block}}@media (max-width:390px){.ortom-logo-tabs{grid-template-columns:1fr}.ortom-logo-tabs button{min-height:76px}}.identity-card-copy{width:min(62%,520px);padding:44px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.identity-card-copy .public-eyebrow{letter-spacing:.9px;font-size:10px;font-weight:700}.identity-card-copy h3{letter-spacing:-.45px;max-width:440px;margin-top:8px;font-size:clamp(28px,3vw,35px);font-weight:650;line-height:1.2}.identity-card-copy p{color:#ffffffd1;max-width:470px;margin-top:14px;font-size:14px;font-weight:400;line-height:1.7}.identity-card-copy a{color:#0b294f;letter-spacing:0;background:#d5b247;border:1px solid #ffffff1f;border-radius:9px;gap:8px;min-height:46px;margin-top:23px;padding:11px 17px;font-size:13px;font-weight:650}.identity-card-copy a svg{width:15px;height:15px}@media (max-width:760px){.identity-card-copy{width:100%;padding:25px 22px 27px}.identity-card-copy .public-eyebrow{font-size:9px}.identity-card-copy h3{font-size:27px}.identity-card-copy p{font-size:13px;line-height:1.65}.identity-card-copy a{justify-content:center;width:100%;font-size:12.5px}}.attendance-admin{gap:18px;display:grid}.attendance-admin-toolbar{background:#fff;border:1px solid #d8e2ed;border-radius:17px;justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 24px;display:flex;box-shadow:0 8px 24px #102b4c0f}.attendance-admin-toolbar h2{color:#153454;letter-spacing:-.25px;margin:5px 0 4px;font-size:24px;font-weight:650}.attendance-admin-toolbar p{color:#6c7b90;margin:0;font-size:11.5px}.attendance-admin-actions{align-items:flex-end;gap:9px;display:flex}.attendance-admin-actions label{color:#52647b;gap:5px;font-size:9.5px;font-weight:650;display:grid}.attendance-admin-actions input{color:#1c3856;background:#fff;border:1px solid #ccd8e6;border-radius:9px;min-height:40px;padding:8px 10px;font-size:11.5px}.attendance-admin-actions button{color:#235c92;cursor:pointer;background:#f8fbfe;border:1px solid #c8d7e6;border-radius:9px;align-items:center;gap:6px;min-height:40px;padding:9px 12px;font-size:10.5px;font-weight:650;display:flex}.attendance-admin-actions button:disabled{opacity:.65}.attendance-admin-actions svg{width:14px}.attendance-admin-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.attendance-admin-kpis article{background:#fff;border:1px solid #dbe5ef;border-radius:13px;align-items:center;gap:11px;min-width:0;padding:14px;display:flex}.attendance-admin-kpis article>span{color:#1c66a8;background:#eaf3fc;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.attendance-admin-kpis article:nth-child(3)>span,.attendance-admin-kpis article:nth-child(4)>span{color:#1c7a57;background:#ecf8f2}.attendance-admin-kpis svg{width:17px}.attendance-admin-kpis article>div{gap:4px;min-width:0;display:grid}.attendance-admin-kpis small{color:#7c899a;font-size:9px;font-weight:500}.attendance-admin-kpis strong{color:#183653;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.attendance-admin-panel{padding:20px}.attendance-table-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.attendance-table-head h3{color:#173552;margin:5px 0 0;font-size:17px;font-weight:650}.attendance-table-head .search-field{width:min(100%,330px)}.attendance-admin-table-wrap{overflow-x:auto}.attendance-admin-table{border-collapse:collapse;width:100%;min-width:720px}.attendance-admin-table th{color:#617188;letter-spacing:.3px;text-align:left;text-transform:uppercase;background:#f5f8fb;border-bottom:1px solid #d5e0eb;padding:11px 12px;font-size:9px;font-weight:650}.attendance-admin-table td{color:#53647b;border-bottom:1px solid #e6ecf2;padding:12px;font-size:10.5px;font-weight:400}.attendance-person{align-items:center;gap:9px;display:flex}.attendance-person i{color:#1760a0;background:#eaf3fc;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-style:normal;font-weight:700;display:grid}.attendance-person strong{color:#173653;font-size:11.5px;font-weight:600}.attendance-time{color:#214f78;font-size:10.5px;font-weight:600}.attendance-present{color:#19704f;background:#eaf8f1;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:650;display:inline-flex}.attendance-present i{background:#27a773;border-radius:50%;width:6px;height:6px}.attendance-admin-empty{color:#8190a2;text-align:center;place-items:center;gap:6px;padding:45px 20px;display:grid}.attendance-admin-empty svg{color:#9eabb9;width:30px}.attendance-admin-empty strong{color:#52647a;font-size:12px;font-weight:600}.attendance-admin-empty span,.attendance-admin-error{font-size:10px}.attendance-admin-error{color:#a8443b;background:#fff0ed;border-radius:9px;padding:11px}@media (max-width:820px){.attendance-admin-toolbar{flex-direction:column;align-items:stretch}.attendance-admin-actions{align-items:stretch}.attendance-admin-actions label{flex:1}.attendance-admin-kpis{grid-template-columns:1fr 1fr}}@media (max-width:560px){.attendance-admin-toolbar{padding:17px}.attendance-admin-toolbar h2{font-size:21px}.attendance-admin-actions{flex-direction:column}.attendance-admin-actions button{justify-content:center}.attendance-admin-kpis{gap:8px}.attendance-admin-kpis article{gap:8px;padding:10px}.attendance-admin-kpis article>span{width:34px;height:34px}.attendance-admin-kpis strong{font-size:10px}.attendance-table-head{flex-direction:column;align-items:stretch}.attendance-table-head .search-field{width:100%}.attendance-admin-panel{padding:14px}}body,button,input,textarea,select{font-family:Noto Sans,Segoe UI,Arial,sans-serif}.home-upcoming-inner .section-title{letter-spacing:-.2px;gap:11px;font-size:20px;font-weight:700;line-height:1.3}.home-upcoming-inner .section-title:before{background:#c6a13d;border-radius:3px;width:3px;height:23px}.home-upcoming-inner .section-link{color:#245c9c;letter-spacing:0;font-size:13px;font-weight:650}.home-upcoming-scroll{gap:16px}.home-upcoming-scroll .event-card{border-width:1px;border-radius:11px;box-shadow:0 5px 16px #142b4812}.home-upcoming-scroll .event-card-head{grid-template-columns:58px minmax(0,1fr);gap:15px;padding:18px 18px 17px}.home-upcoming-scroll .event-date-box{border-radius:9px;width:58px;height:64px}.home-upcoming-scroll .day{letter-spacing:-.3px;font-size:23px;font-weight:700}.home-upcoming-scroll .month{letter-spacing:.8px;font-size:9px;font-weight:700}.home-upcoming-scroll .event-type{color:#2464a8;letter-spacing:.65px;margin-bottom:5px;font-size:10px;font-weight:700}.home-upcoming-scroll .event-title{color:#102b51;letter-spacing:-.08px;font-size:16px;font-weight:650;line-height:1.35}.home-upcoming-scroll .event-desc{color:#62728a;margin-top:6px;font-size:12.5px;font-weight:400;line-height:1.55}.home-upcoming-scroll .event-card-foot{min-height:49px;padding:11px 18px}.home-upcoming-scroll .event-meta{color:#63738a;font-size:11.5px;font-weight:400}.stats-bar{box-shadow:none;border-bottom-width:1px}.stat-item{padding:20px 16px 19px}.stat-num{color:#102b51;letter-spacing:-.6px;font-family:Noto Sans,Segoe UI,Arial,sans-serif;font-size:27px;font-weight:650;line-height:1.1}.stat-label{color:#697a94;letter-spacing:.45px;margin-top:6px;font-size:10.5px;font-weight:650}@media (max-width:760px){.home-upcoming-inner .section-title{font-size:18px}.home-upcoming-inner .section-link{font-size:11.5px}.home-upcoming-scroll .event-title{font-size:15px}.home-upcoming-scroll .event-desc{font-size:12px}.stat-num{font-size:23px}.stat-label{letter-spacing:.3px;font-size:9px}}:root{--font-ui:"Noto Sans", "Segoe UI", Arial, sans-serif}html{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body,button,input,textarea,select,table,th,td,a,span,small,strong{font-family:var(--font-ui)}body{font-size:14px;font-weight:400;line-height:1.65}p,li,label,input,textarea,select,td{line-height:1.6}h1,h2,h3,h4,h5,h6,strong,b{font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6{color:var(--text-dark);letter-spacing:-.025em;font-weight:700;line-height:1.25}button,.btn,[class*=button],[class*=-link]{letter-spacing:0;font-weight:600}input,textarea,select{font-size:14px}::placeholder{color:#8491a5;opacity:1}.brand-name{letter-spacing:-.15px;font-size:16px;font-weight:700}.brand-sub{font-size:11px;font-weight:400;line-height:1.35}.nav-link,.nav-dropdown-trigger,.portal-login-button,.portal-nav button,.admin-nav button{letter-spacing:0;font-size:13px;font-weight:600}.hero-content h1,.activity-slider-copy h2{letter-spacing:-.035em;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.12}.hero-desc,.activity-slider-copy>p{font-size:14px;font-weight:400;line-height:1.7}.hero-live-badge,.activity-category,.ortom-category,.membership-floating-card small,.membership-detail span,.leadership-org-tabs small,.activity-organization-mark small,.event-type,[class*=eyebrow],[class*=kicker]{letter-spacing:.055em;font-size:11px;font-weight:600;line-height:1.4}.hero-slider-dots button,.hero-slider-dots span,.activity-slider-nav span,.activity-slider-nav strong{letter-spacing:0;font-size:10px;font-weight:600}.section-title,.section-header h2,.portal-page h1,.admin-page h1{letter-spacing:-.025em;font-weight:700}.section-subtitle,.section-header p,.hero-mini p,.portal-page p,.admin-page p{font-size:14px;line-height:1.7}.event-title,.gallery-card strong,.service-card h3,.membership-tabs strong{letter-spacing:-.01em;font-weight:600}.event-desc,.event-meta,.service-card p,.membership-tabs small,.membership-detail p{font-size:12px;line-height:1.6}.stat-num{font-size:27px;font-weight:700}.stat-label{letter-spacing:.04em;font-size:11px;font-weight:600}.org-person small{letter-spacing:.035em;font-size:10px;font-weight:600;line-height:1.35}.org-person strong{font-size:12px;font-weight:600;line-height:1.4}.org-division-row span{font-size:10px;font-weight:600}.ortom-organization,.ortom-tab-copy small,.ortom-sequence,.leadership-org-tabs small{letter-spacing:.045em;font-size:10px;font-weight:600}.ortom-tab-copy strong,.leadership-org-tabs strong{font-size:12px;font-weight:600;line-height:1.35}.ortom-program-item strong{font-size:13px;font-weight:600}.ortom-program-item small{font-size:11px;font-weight:400;line-height:1.55}.leadership-card small,.leadership-person small,.leadership-role,.person-role,.leadership-board-identity small,.leadership-profile-role,.leadership-profile-facts small,.leadership-node-copy small{letter-spacing:.02em;font-size:11px;font-weight:600;line-height:1.4}.leadership-card strong,.leadership-person strong,.person-name,.leadership-profile-facts strong,.leadership-node-copy strong{font-size:13px;font-weight:600;line-height:1.4}.leadership-node-copy{font-family:var(--font-ui)}.leadership-chart-label span{font-size:17px;font-weight:700}.leadership-chart-label small,.leadership-profile-copy>p,.leadership-board-head>p{font-size:13px;font-weight:400;line-height:1.65}.bismillah-text,.quote-arabic,.profile-avatar,.stat-num,.org-person>span:first-child{font-family:var(--font-ui)}.panel,.finance-card,.admin-card,.operation-card{font-size:13px}.panel h2,.panel h3,.finance-card h2,.finance-card h3,.admin-card h2,.admin-card h3,.operation-card h2,.operation-card h3{letter-spacing:-.015em;font-weight:700}table th,.data-table th,.attendance-admin-table th{letter-spacing:.035em;font-size:11px;font-weight:600;line-height:1.4}table td,.data-table td,.attendance-admin-table td{font-size:12px;font-weight:400;line-height:1.55}.attendance-person strong,.attendance-time,.attendance-admin-kpis strong{font-size:12px;font-weight:600}.attendance-admin-kpis small,.attendance-present,.attendance-admin-empty span,.attendance-admin-error{font-size:11px;line-height:1.45}.attendance-admin-actions button,.attendance-admin-actions input,.attendance-admin-actions select{font-size:12px}@media (max-width:760px){body{font-size:14px}.navbar-inner{padding-left:16px;padding-right:16px}.brand-name{font-size:14px}.brand-sub{font-size:10px}.nav-link,.nav-dropdown-trigger,.portal-login-button,.portal-nav button,.admin-nav button{font-size:12px}.hero-content h1,.activity-slider-copy h2{font-size:clamp(30px,9vw,39px);line-height:1.15}.hero-desc,.activity-slider-copy>p,.section-subtitle,.section-header p,.hero-mini p,.portal-page p,.admin-page p{font-size:13px;line-height:1.65}input,textarea,select{min-height:44px;font-size:14px}button,.btn,[class*=button]{line-height:1.35}.org-person small,.leadership-role,.person-role,.leadership-board-identity small,.leadership-profile-role,.leadership-profile-facts small,.leadership-node-copy small{font-size:10px}.org-person strong,.leadership-card strong,.leadership-person strong,.person-name,.leadership-profile-facts strong,.leadership-node-copy strong{font-size:12px}table th,.data-table th,.attendance-admin-table th{font-size:10.5px}table td,.data-table td,.attendance-admin-table td{font-size:11.5px}}.quote-box{background:linear-gradient(120deg,#082b4a 0%,#103d65 60%,#1a527b 100%);border:1px solid #bedcf047}.quote-box .quote-arabic{color:#fff;text-shadow:0 1px 2px #0000003d;font-weight:600}.quote-box .quote-trans{color:#f4f9fd;opacity:1;text-shadow:0 1px 1px #0003;font-weight:500}.quote-box .quote-source{color:#c8e1f2;opacity:1;font-weight:800}.quote-box:before{color:#cce8f942}.quote-box:after{background:#cce8f917}.navbar:not(.navbar-home) .navbar-inner{height:82px}.navbar:not(.navbar-home) .brand-name{color:#fff;text-shadow:0 1px 2px #0000002e}.navbar:not(.navbar-home) .brand-sub{color:#ffffffb8}.navbar:not(.navbar-home) .brand-logo{background:#fff;box-shadow:0 0 0 2px #ffffff38,0 7px 18px #0000002e}.navbar:not(.navbar-home) .nav-links{box-shadow:none;background:0 0;border:0;border-radius:0}.navbar:not(.navbar-home) .nav-link{color:#ffffffd1;background:0 0;border:0;border-radius:0;min-height:38px;padding:10px 15px;position:relative}.navbar:not(.navbar-home) .nav-link:after{content:"";background:0 0;border-radius:999px;height:2px;transition:background-color .2s,transform .2s;position:absolute;bottom:4px;left:15px;right:15px;transform:scaleX(.35)}.navbar:not(.navbar-home) .nav-link:hover,.navbar:not(.navbar-home) .nav-link.active{box-shadow:none;color:#fff;background:0 0}.navbar:not(.navbar-home) .nav-link:hover:after,.navbar:not(.navbar-home) .nav-link.active:after{background:#fff;transform:scaleX(1)}.navbar:not(.navbar-home) .portal-login-button{color:#fff;background:0 0;border-color:#ffffffb3;border-radius:999px}.navbar:not(.navbar-home) .portal-login-button:hover{color:var(--navy);background:#fff}.site-main:not(.site-main-home){padding-top:82px}@media (max-width:760px){.navbar:not(.navbar-home) .navbar-inner{height:72px}.site-main:not(.site-main-home){padding-top:72px}}.adzan-alert-overlay{z-index:5000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#021222ad;place-items:center;padding:24px;animation:.24s both adzan-overlay-in;display:grid;position:fixed;inset:0}.adzan-alert-card{color:#fff;text-align:center;background:radial-gradient(circle at 100% 0,#409ad33d,#0000 42%),linear-gradient(145deg,#082b4a,#10476f);border:1px solid #b9dcf16b;border-radius:22px;width:min(480px,100%);padding:38px 38px 34px;animation:.34s cubic-bezier(.2,.8,.2,1) both adzan-card-in;position:relative;overflow:hidden;box-shadow:0 28px 80px #000c1a6b}.adzan-alert-card:after{content:"";pointer-events:none;background:#9fd7f717;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-54px}.adzan-alert-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff42;border-radius:50%;place-items:center;width:38px;height:38px;transition:background-color .18s,transform .18s;display:grid;position:absolute;top:14px;right:14px}.adzan-alert-close:hover{background:#fff3;transform:rotate(4deg)}.adzan-alert-close:focus-visible{outline-offset:3px;outline:3px solid #c0e2f773}.adzan-alert-close svg{width:20px;height:20px}.adzan-alert-icon{color:#d9f1ff;background:#70beec24;border:1px solid #b5def76b;border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid;box-shadow:0 10px 28px #000f2038}.adzan-alert-icon svg{width:29px;height:29px}.adzan-alert-eyebrow{color:#a9dbf7;letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.adzan-alert-card h2{color:#fff;letter-spacing:-.025em;margin:8px auto 12px;font-size:clamp(25px,4vw,32px);line-height:1.2}.adzan-alert-card p{color:#e5f3fb;max-width:390px;margin:0 auto;font-size:15px;line-height:1.7}.adzan-alert-card>strong{z-index:1;color:#bde4fa;margin-top:18px;font-size:14px;font-weight:700;display:inline-block;position:relative}@keyframes adzan-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes adzan-card-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:520px){.adzan-alert-overlay{align-items:end;padding:14px}.adzan-alert-card{border-radius:20px;padding:34px 22px 29px}.adzan-alert-card h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.adzan-alert-overlay,.adzan-alert-card{animation:none}}.previous-activities{margin-top:-18px;animation:.28s both activities-reveal}.previous-activities>h3{color:var(--navy);margin-bottom:14px;font-size:18px;line-height:1.4}.activities-more-button{color:#fff;cursor:pointer;background:#0a2947;border:1px solid #0a2947;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;margin-top:-22px;margin-bottom:34px;padding:0 18px;font-size:14px;font-weight:700;transition:background-color .18s,transform .18s;display:inline-flex;box-shadow:0 4px 10px #0a294724}.activities-more-button:hover{background:#164b73;transform:translateY(-1px)}.activities-more-button span{font-size:18px;line-height:1}@keyframes activities-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.activities-more-button{width:100%}}.organization-nested-item{position:relative}.organization-nested-item>button{width:100%;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border-radius:8px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 10px;display:grid}.organization-nested-item>button:hover,.organization-nested-item>button.active,.organization-nested-item:focus-within>button{background:var(--blue-pale)}.organization-nested-item>button>span:first-child{background:var(--gray-bg);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.organization-nested-item>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.organization-nested-item>button>svg{width:17px;height:17px;color:var(--blue);transition:transform .18s}.organization-nested-item:hover>button>svg,.organization-nested-item:focus-within>button>svg{transform:translate(2px)}.organization-submenu{visibility:hidden;opacity:0;pointer-events:none;background:#fff;border:1px solid #0a1f441f;border-radius:11px;gap:4px;width:176px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:-8px;left:calc(100% + 8px);transform:translate(-6px);box-shadow:0 18px 45px #04122b33}.organization-submenu:before{content:"";width:10px;height:100%;position:absolute;top:0;right:100%}.organization-nested-item:hover .organization-submenu,.organization-nested-item:focus-within .organization-submenu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.organization-submenu>button{width:100%;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border-radius:7px;padding:11px 13px;font-size:13px;font-weight:750}.organization-submenu>button:hover,.organization-submenu>button:focus-visible{background:var(--blue-pale);color:var(--blue)}.prm-submenu{width:300px}.ortom-submenu{width:320px}.ortom-submenu>button{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.ortom-submenu>button.active{background:var(--blue-pale);color:var(--blue)}.ortom-submenu>button img{object-fit:contain;width:34px;height:34px}.ortom-submenu>button>span{min-width:0;font-size:13px;font-weight:750;line-height:1.35}.mobile-organization-options>button>svg:last-child{width:16px;height:16px;margin-left:auto}.mobile-prm-submenu{grid-template-columns:minmax(0,1fr);gap:5px;padding:3px 8px 7px 38px;display:grid}.mobile-organization-mark{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.mobile-ortom-submenu{gap:3px;padding:3px 8px 7px 38px;display:grid}.mobile-ortom-submenu>button{border-left:1px solid #ffffff24;border-radius:0 7px 7px 0}small,.event-type,.stat-label,.service-subtitle,.activity-category,.ortom-category,.ortom-organization,.ann-time,.ann-tag,.freq-badge,.contact-label,.profile-role,.hero-live-badge,.hero-kicker,.public-eyebrow{font-size:12px!important;line-height:1.5!important}.activity-schedule,.event-meta{font-size:13px!important;line-height:1.55!important}.home-page .hero-prayer-location span,.home-page .hero-prayer-item span{font-size:12px!important}.home-page .hero-prayer-location strong,.home-page .hero-prayer-item strong{font-size:15px!important}input,select,textarea{line-height:1.5;font-size:14px!important}.portal-page :where(p,li,label),.admin-page :where(p,li,label),.admin-app :where(p,li,label){font-size:14px!important;line-height:1.65!important}.portal-page :where(button,input,select,textarea),.admin-page :where(button,input,select,textarea),.admin-app :where(button,input,select,textarea){font-size:14px!important}.portal-page :where(th,td),.admin-page :where(th,td),.admin-app :where(th,td){font-size:13px!important;line-height:1.55!important}.portal-page :where(.panel-eyebrow,[class*=-meta],[class*=-label],[class*=-subtitle]),.admin-page :where(.panel-eyebrow,[class*=-meta],[class*=-label],[class*=-subtitle]),.admin-app :where(.panel-eyebrow,[class*=-meta],[class*=-label],[class*=-subtitle]){font-size:12px!important;line-height:1.5!important}.registry-toolbar p{font-size:14px!important}.registry-kpi{min-height:76px;padding:16px}.registry-kpi small{color:#60758a;font-size:12px!important}.registry-kpi strong{font-size:15px!important}.registry-form-head>button,.registry-form-grid label,.registry-empty{font-size:13px!important}.registry-detail>header span,.registry-detail-grid span{font-size:12px!important}.registry-detail>header p,.registry-detail>header button,.registry-detail-grid strong{font-size:14px!important}.registry-detail section h3{font-size:17px!important}.household-list>button{grid-template-columns:48px minmax(0,1fr) 120px 120px;gap:14px;min-height:88px;padding:15px 6px}.household-avatar{width:46px;height:46px;font-size:12px!important}.household-copy{gap:5px}.household-copy strong{font-size:15px!important}.household-copy small{color:#60758a;font-size:12px!important}.household-copy em{color:#687d91;line-height:1.5;font-size:12px!important}.household-family strong,.household-active strong{font-size:16px!important}.household-family small,.household-active small,.household-contact span{font-size:12px!important}:is(.portal-page,.admin-page,.admin-app) [class*=-eyebrow],:is(.portal-page,.admin-page,.admin-app) [class*=-date],:is(.portal-page,.admin-page,.admin-app) [class*=-action],:is(.portal-page,.admin-page,.admin-app) [class*=-trend],:is(.portal-page,.admin-page,.admin-app) [class*=-status],:is(.portal-page,.admin-page,.admin-app) [class*=-badge],:is(.portal-page,.admin-page,.admin-app) [class*=-tag]{font-size:12px!important;line-height:1.5!important}:is(.portal-page,.admin-page,.admin-app) [class*=-copy]>strong{font-size:15px!important;line-height:1.45!important}:is(.portal-page,.admin-page,.admin-app) [class*=-copy]>span,:is(.portal-page,.admin-page,.admin-app) [class*=-copy]>small,:is(.portal-page,.admin-page,.admin-app) [class*=-detail]{font-size:13px!important;line-height:1.55!important}.portal-page svg text,.admin-page svg text,.admin-app svg text{font-size:12px!important}.panel-head{margin-bottom:22px}.panel-head h2{font-size:19px!important}.panel-action{color:#536b83;font-size:12px!important}.progress-copy{font-size:14px!important}.program-row{gap:15px;min-height:72px;padding:14px 0}.program-ring{width:50px;height:50px}.program-ring span{font-size:12px!important}.program-copy{gap:3px}.program-copy strong,.timeline-copy strong{font-size:15px!important;line-height:1.45!important}.program-copy span,.timeline-copy small{color:#5d738a;font-size:13px!important;line-height:1.55!important}.timeline-row{grid-template-columns:54px 16px minmax(0,1fr);gap:11px;min-height:62px;padding-bottom:19px}.timeline-row:not(:last-child):after{left:70px}.timeline-date{font-size:12px!important;line-height:1.5!important}.timeline-dot{width:12px;height:12px;margin-top:3px}.mini-stat span,.metric-label,.metric-detail{font-size:13px!important}.metric-trend,.live-status{font-size:12px!important}@media (max-width:760px){.registry-kpi{min-height:72px;padding:13px}.registry-kpi strong{font-size:14px!important}.household-list>button{grid-template-columns:44px minmax(0,1fr);min-height:82px;padding:14px 4px}}.section-header>.section-link{white-space:nowrap;flex:none;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:44px;padding:0 18px;display:inline-flex}.home-page .home-upcoming-inner .section-link{min-width:172px;padding-left:20px;padding-right:20px;font-size:14px}@media (max-width:520px){.home-page .home-upcoming-inner .section-link{width:100%;min-width:0}}:root{--motion-ease:cubic-bezier(.22, .78, .24, 1);--motion-fast:.18s;--motion-base:.48s;--motion-slow:.68s}.site-main>.page,.site-main>.portal-page{animation:route-enter var(--motion-base) var(--motion-ease) both;transform-origin:50% 0}.navbar{animation:navbar-enter .44s var(--motion-ease) both}.home-page .hero-content>*{animation:hero-copy-enter var(--motion-slow) var(--motion-ease) both}.home-page .hero-content>:first-child{animation-delay:80ms}.home-page .hero-content>:nth-child(2){animation-delay:.14s}.home-page .hero-content>:nth-child(3){animation-delay:.2s}.home-page .hero-content>:nth-child(4){animation-delay:.26s}.home-page .hero-content>:nth-child(5){animation-delay:.32s}.home-page .hero-prayer-times{animation:prayer-strip-enter .72s var(--motion-ease) .34s both}.hero-mini>*{animation:hero-mini-copy-enter .56s var(--motion-ease) both}.hero-mini>:nth-child(2){animation-delay:70ms}.hero-mini>:nth-child(3){animation-delay:.13s}.motion-ready .home-page .reveal{opacity:0!important;transition:opacity var(--motion-slow) ease, transform var(--motion-slow) var(--motion-ease)!important;transform:translateY(24px)scale(.992)!important}.motion-ready .home-page .reveal.is-visible{opacity:1!important;transform:translateY(0)scale(1)!important}.cards-grid>.reveal:nth-child(2),.activity-list>.reveal:nth-child(2),.home-upcoming-scroll>.reveal:nth-child(2){transition-delay:70ms}.cards-grid>.reveal:nth-child(3),.activity-list>.reveal:nth-child(3),.home-upcoming-scroll>.reveal:nth-child(3){transition-delay:.14s}.cards-grid>.reveal:nth-child(4),.activity-list>.reveal:nth-child(4){transition-delay:.21s}.cards-grid>.reveal:nth-child(5),.activity-list>.reveal:nth-child(5){transition-delay:.28s}.module-card,.event-card,.activity-item,.public-service-card,.info-card,.contact-row,.nav-link,.organization-dropdown,.organization-submenu{transition-duration:var(--motion-fast);transition-timing-function:ease}@keyframes route-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes navbar-enter{0%{opacity:0}to{opacity:1}}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes prayer-strip-enter{0%{opacity:0;transform:translateY(-12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-mini-copy-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.site-main>.page,.site-main>.portal-page{animation-duration:.38s}.motion-ready .home-page .reveal{transform:translateY(16px)!important}}@media (prefers-reduced-motion:reduce){.site-main>.page,.site-main>.portal-page,.navbar,.home-page .hero-content>*,.home-page .hero-prayer-times,.hero-mini>*{animation:none!important}.motion-ready .home-page .reveal,.motion-ready .home-page .reveal.is-visible{opacity:1!important;transition:none!important;transform:none!important}}.mobile-prm-submenu>button{text-align:left;border:1px solid #ffffff24;justify-content:flex-start;min-height:38px;padding:7px 10px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.chart-line{stroke-dashoffset:0}.chart-area{opacity:1}}@media print{.navbar,.footer,.finance-actions,.hero-mini{display:none!important}body,.portal-page{background:var(--white)}.site-main{padding-top:0}.container{max-width:none;padding:0}.panel,.finance-card{break-inside:avoid;box-shadow:none}}:root{--prm-blue:#0a2947;--prm-blue-deep:#061d35;--prm-blue-soft:#eaf1f7;--prm-line:#d9e3ec;--prm-paper:#f4f7fa;--prm-ink:#102840;--prm-muted:#64788b}.site-main-home{padding-top:0}.navbar-home{box-shadow:none;background:linear-gradient(#0a2947d6,#0a29471a);border-bottom:1px solid #ffffff1a;position:absolute}.navbar-home .navbar-inner{height:82px}.navbar-home .brand-name{color:#fff}.navbar-home .brand-sub{color:#ffffffad}.navbar-home .nav-links{box-shadow:none;background:0 0;border:0;border-radius:0}.navbar-home .nav-link{color:#ffffffd6;background:0 0;border:0;border-radius:0;min-height:38px;padding:10px 15px;font-size:13px;position:relative}.navbar-home .nav-link:after{content:"";background:0 0;border-radius:99px;height:2px;transition:background .2s,transform .2s;position:absolute;bottom:4px;left:15px;right:15px;transform:scaleX(.35)}.navbar-home .nav-link:hover,.navbar-home .nav-link.active{color:#fff;background:0 0;box-shadow:none!important}.navbar-home .nav-link.active:after,.navbar-home .nav-link:hover:after{background:#fff;transform:scaleX(1)}.navbar-home .portal-login-button{color:#fff;background:0 0;border-color:#ffffffb3;border-radius:999px;font-weight:600}.navbar-home .portal-login-button:hover{color:var(--prm-blue);background:#fff}.home-page{background:radial-gradient(circle at 100% 5%, #0a294714, transparent 28rem), var(--prm-paper);padding-bottom:72px;overflow:hidden}.home-page .hero-slider{background:var(--prm-blue);min-height:670px;box-shadow:none;border:0;border-radius:0}.home-page .hero-slide>img{object-position:center;filter:saturate(.78)contrast(.94)brightness(.96);width:58%;left:42%}.home-page .hero-overlay{background:linear-gradient(90deg, var(--prm-blue) 0%, #0a2947fa 31%, #0a2947b8 55%, #0a294726 100%)}.home-page .hero-slider:before{z-index:3;content:"";opacity:.8;pointer-events:none;border:1px solid #ffffff45;border-radius:61% 39% 67% 33%;width:230px;height:150px;position:absolute;top:96px;right:11%;transform:rotate(-18deg)}.home-page .hero-slider:after{z-index:3;clip-path:polygon(0 47%,100% 0,65% 100%);content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff26,#0000 62%);width:330px;height:190px;position:absolute;bottom:-58px;right:7%}.home-page .hero-content{z-index:5;width:min(1180px,100% - 48px);max-width:none;margin:0 auto;padding:196px 0 190px}.home-page .bismillah-text{display:none}.home-page .hero-content h1{color:#fff;letter-spacing:-.055em;text-shadow:0 3px 18px #00000024;max-width:660px;font-size:clamp(48px,5.8vw,76px);font-weight:750;line-height:1.04}.home-page .hero-desc{color:#ffffffd4;max-width:510px;font-size:16px;line-height:1.7}.home-page .gold-button{min-height:48px;color:var(--prm-blue);background:#fff;border:1px solid #ffffffa8;border-radius:9px;font-size:14px;font-weight:700;box-shadow:0 10px 20px #00000029}.home-page .gold-button:hover{background:#f4f8fb;transform:translateY(-2px);box-shadow:0 14px 24px #0003}.home-page .hero-secondary-button{color:#fff;background:#ffffff14;border:1px solid #ffffff80;border-radius:9px;min-height:48px}.home-page .hero-secondary-button:hover{color:#fff;background:#ffffff29}.home-page .hero-slider-arrow{z-index:7;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03182d66;border:1px solid #ffffff42}.home-page .hero-slider-dots{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04182d99;width:min(580px,46%)}.home-page .home-upcoming-section{z-index:8;margin-top:-122px;padding:0 0 26px;position:relative}.home-page .home-upcoming-inner{background:linear-gradient(145deg,#fffffffa,#f7fafdf5);border:1px solid #ffffffb8;border-radius:18px;padding:0 26px 26px;overflow:visible;box-shadow:0 2px 3px #041d360d,0 18px 45px #041d3629}.home-command-tabs{background:#f8fafc;border:1px solid #d6e0ea;border-bottom:0;border-radius:12px 12px 0 0;align-items:stretch;gap:2px;width:fit-content;min-height:50px;margin-top:-25px;padding:4px;display:flex;box-shadow:0 -4px 11px #0a294714}.home-command-tabs span{color:#60778e;border-radius:8px;align-items:center;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.home-command-tabs span.active{background:var(--prm-blue);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 4px 9px #0a29472e}.home-page .home-upcoming-inner .section-title,.home-page .section-title{color:var(--prm-blue);font-size:21px;font-weight:750}.home-page .home-upcoming-inner .section-title:before{background:var(--prm-blue)}.home-page .home-upcoming-inner .section-link{color:var(--prm-blue);font-size:13px;font-weight:700}.home-page .home-upcoming-scroll{gap:16px}.home-page .home-upcoming-scroll .event-card{border:1px solid var(--prm-line);background:#fff;border-radius:12px;min-height:202px;transition:transform .24s,box-shadow .24s,border-color .24s;overflow:hidden;box-shadow:0 5px 13px #0a294712}.home-page .home-upcoming-scroll .event-card:hover{border-color:#b7cadb;transform:translateY(-4px);box-shadow:0 14px 25px #0a294721}.home-page .home-upcoming-scroll .event-card-head{padding:20px}.home-page .home-upcoming-scroll .event-card-foot{border-top:1px solid #e5ebf1;margin-top:auto}.home-page .home-upcoming-scroll .event-date-box{background:var(--prm-blue);border-radius:10px;box-shadow:inset 0 1px #ffffff29,0 5px 10px #0a294729}.home-page .home-upcoming-scroll .event-date-box .day,.home-page .home-upcoming-scroll .event-date-box .month{color:#fff}.home-page .home-upcoming-scroll .event-type,.home-page .home-upcoming-scroll .event-title,.home-page .home-upcoming-scroll .event-meta{color:var(--prm-blue)}.home-page .stats-bar{border:1px solid var(--prm-line);background:#fff;border-radius:15px;width:min(1180px,100% - 48px);margin:0 auto 46px;box-shadow:0 10px 24px #0a294712}.home-page .stats-inner{border-radius:inherit;overflow:hidden}.home-page .stat-item{min-height:102px;padding:23px 16px;position:relative}.home-page .stat-item:not(:last-child):after{background:var(--prm-line);content:"";width:1px;position:absolute;top:22px;bottom:22px;right:0}.home-page .stat-num{color:var(--prm-blue);font-size:30px}.home-page .stat-label{color:var(--prm-muted);font-size:11px}.home-page .public-highlights,.home-page>.container{width:min(1180px,100% - 48px);margin-left:auto;margin-right:auto}.home-page .public-highlights .container,.home-page>.container{width:100%;max-width:none;padding-left:0;padding-right:0}.home-page .public-intro,.home-page .membership-public-section,.home-page .public-services-section,.home-page .ortom-program-section{margin-top:62px}.home-page .public-section-heading{margin-bottom:22px}.home-page .public-section-heading h2,.home-page .membership-content h2{color:var(--prm-blue);letter-spacing:-.045em;font-size:clamp(27px,3.1vw,39px);font-weight:750;line-height:1.12}.home-page .public-section-heading p,.home-page .section-intro,.home-page .membership-lead{color:var(--prm-muted);font-size:15px;line-height:1.72}.home-page .public-eyebrow{color:var(--prm-blue)}.home-page .mosque-location-card{border:1px solid #cdd9e4;border-radius:18px;box-shadow:0 15px 34px #0a294721}.home-page .identity-card-copy a,.home-page .public-service-card button,.home-page .module-arrow{color:var(--prm-blue)}.home-page .public-activity-section{background:var(--prm-blue);border-radius:0;margin:52px 0;box-shadow:inset 0 1px #ffffff1a,0 20px 36px #0a29471f}.home-page .public-activity-section .public-section-heading h2,.home-page .public-activity-section .public-section-heading p,.home-page .public-activity-section .public-eyebrow{color:#fff}.home-page .activity-showcase,.home-page .ortom-program-showcase{box-shadow:0 15px 32px #0011242e}.home-page .ortom-program-section{margin:58px 0}.home-page .ortom-program-showcase{border:1px solid var(--prm-line);background:#fff}.home-page .module-grid{gap:16px;margin-bottom:52px}.home-page .module-card{border:1px solid var(--prm-line);min-height:154px;color:var(--prm-ink);background:linear-gradient(145deg,#fff,#f8fbfd);border-radius:14px;box-shadow:0 7px 16px #0a294712}.home-page .module-card:hover{border-color:#adc3d4;transform:translateY(-4px);box-shadow:0 15px 27px #0a294721}.home-page .module-card .module-icon{background:var(--prm-blue-soft);color:var(--prm-blue)}.home-page .module-card strong{color:var(--prm-blue);font-size:16px}.home-page .module-card small{color:var(--prm-muted);font-size:13px}.home-page .quote-box{background:linear-gradient(115deg, var(--prm-blue), #164d79);border:1px solid #ffffff29;box-shadow:0 16px 33px #0a29472e}.home-page .ann-list .announcement-card{border-color:var(--prm-line);box-shadow:0 6px 15px #0a29470f}.home-page .public-services-section{background:#eef3f7;border-top:1px solid #dce5ed;border-bottom:1px solid #dce5ed;padding:54px 0}.home-page .public-services-grid{gap:16px}.home-page .public-service-card{border:1px solid var(--prm-line);background:#fff;border-radius:14px;box-shadow:0 7px 16px #0a294712}.home-page .public-service-card:hover{border-color:#b8cada;transform:translateY(-4px);box-shadow:0 15px 27px #0a294721}.site-main>.page,.site-main>.portal-page{animation:.48s cubic-bezier(.2,.75,.25,1) both prm-page-enter}@media (max-width:760px){.navbar-home{background:var(--prm-blue);position:fixed}.navbar-home .navbar-inner{height:72px}.navbar-home .nav-links{display:none}.home-page .hero-slider{min-height:610px}.home-page .hero-slide>img{opacity:.44;width:100%;left:0}.home-page .hero-overlay{background:linear-gradient(#0a2947e6,#0a2947d1)}.home-page .hero-content{width:calc(100% - 36px);padding:142px 0 172px}.home-page .hero-content h1{font-size:clamp(38px,11vw,52px)}.home-page .hero-desc{font-size:15px}.home-page .hero-secondary-button{display:none}.home-page .hero-slider-dots{width:calc(100% - 36px)}.home-page .home-upcoming-section{margin-top:-80px}.home-page .home-upcoming-inner{margin:0 10px;padding:0 16px 18px}.home-command-tabs{border-radius:10px 10px 0 0;width:calc(100% + 2px);margin-left:-1px;overflow-x:auto}.home-command-tabs span{flex:none;padding:0 12px;font-size:11px}.home-page .stats-bar,.home-page .public-highlights,.home-page>.container{width:calc(100% - 32px)}.home-page .stats-bar{margin-bottom:38px}.home-page .stat-item{min-height:89px;padding:16px 8px}.home-page .stat-num{font-size:23px}.home-page .stat-label{font-size:9px}.home-page .stat-item:not(:last-child):after{top:14px;bottom:14px}.home-page .public-section-heading h2,.home-page .membership-content h2{font-size:28px}.home-page .public-section-heading p,.home-page .section-intro,.home-page .membership-lead{font-size:14px}}@property --qurban-neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.qurban-view-tabs button,.qurban-view-tabs button:hover,.qurban-view-tabs button.active{isolation:isolate;background:#fff!important;border:1px solid #70b9ed!important;border-radius:14px!important;position:relative!important;overflow:visible!important;box-shadow:0 8px 20px #0a294714,0 0 8px #37a1eb21!important}.qurban-view-tabs button.active{background:#edf5fc!important}.qurban-view-tabs button:before,.qurban-view-tabs button.active:before{content:none!important;display:none!important}.qurban-view-tabs button:after,.qurban-view-tabs button:hover:after,.qurban-view-tabs button.active:after{pointer-events:none;z-index:5!important;background:conic-gradient(from var(--qurban-neon-angle), transparent 0deg, transparent 275deg, #41aaf214 288deg, #238fdf 310deg, #d8f4ff 325deg, #3faaf2 340deg, transparent 354deg, transparent 360deg)!important;width:auto!important;height:auto!important;box-shadow:none!important;content:""!important;opacity:1!important;-webkit-mask-composite:xor!important;offset-path:none!important;border:0!important;border-radius:15px!important;padding:2px!important;animation:3.8s linear infinite qurban-neon-border!important;display:block!important;position:absolute!important;inset:-2px!important;transform:none!important;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.qurban-view-tabs button:nth-child(2):after{animation-delay:-1.9s!important}.qurban-view-tabs button>svg,.qurban-view-tabs button>span{z-index:6;position:relative}@keyframes qurban-neon-border{to{--qurban-neon-angle:360deg}}@media (prefers-reduced-motion:reduce){.qurban-view-tabs button:after,.qurban-view-tabs button.active:after{animation-duration:8s!important}}.qurban-view-tabs button:before,.qurban-view-tabs button.active:before{pointer-events:none;transform-origin:100%;offset-anchor:right center;offset-path:inset(-1px round 14px);offset-distance:0%;offset-rotate:auto;z-index:8!important;inset:auto!important;content:""!important;opacity:1!important;background:linear-gradient(90deg,#0000 0%,#55b6f61f 22%,#44acef 72%,#d7f4ff 100%)!important;border:0!important;border-radius:999px!important;width:118px!important;height:3px!important;padding:0!important;animation:3.2s linear infinite qurban-run-border!important;display:block!important;position:absolute!important;inset:auto!important;transform:none!important;box-shadow:0 0 5px #3ba6ec9e,0 0 13px #3ba6ec5c!important;-webkit-mask:none!important;mask:none!important}.qurban-view-tabs button:after,.qurban-view-tabs button.active:after{pointer-events:none;offset-anchor:center;offset-path:inset(-1px round 14px);offset-distance:0%;offset-rotate:0deg;z-index:9!important;inset:auto!important;content:""!important;opacity:1!important;background:#d9f5ff!important;border:0!important;border-radius:50%!important;width:9px!important;height:9px!important;padding:0!important;animation:3.2s linear infinite qurban-run-border!important;display:block!important;position:absolute!important;inset:auto!important;transform:none!important;box-shadow:0 0 0 2px #299be5,0 0 11px 4px #2d9fe7ad,0 0 22px 7px #2d9fe745!important;-webkit-mask:none!important;mask:none!important}.qurban-view-tabs button:nth-child(2):before,.qurban-view-tabs button:nth-child(2):after{animation-delay:-1.6s!important}@keyframes qurban-run-border{to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.qurban-view-tabs button:before,.qurban-view-tabs button:after{animation:none!important}}.qurban-view-tabs button,.qurban-view-tabs button:hover,.qurban-view-tabs button.active{background:#fff!important;border:1px solid #cfddea!important;border-radius:14px!important;overflow:hidden!important;transform:none!important;box-shadow:0 6px 16px #0a294712!important}.qurban-view-tabs button.active{background:#edf5fc!important;border-color:#75afe0!important}.qurban-view-tabs button:before,.qurban-view-tabs button:after,.qurban-view-tabs button.active:before,.qurban-view-tabs button.active:after{content:none!important;box-shadow:none!important;animation:none!important;display:none!important}.qurban-view-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.qurban-recap{gap:18px;display:grid}.qurban-recap-heading{justify-content:space-between;align-items:end;gap:20px;padding:4px 2px;display:flex}.qurban-recap-heading h2{color:#0a2947;letter-spacing:-.03em;margin:5px 0 7px;font-size:clamp(24px,2.5vw,32px)}.qurban-recap-heading p{color:#5f748b;max-width:660px;margin:0;font-size:14px;line-height:1.6}.qurban-recap-heading>button{color:#0a2947;cursor:pointer;background:#fff;border:1px solid #9abbd7;border-radius:9px;flex:none;align-items:center;gap:8px;padding:11px 13px;font-size:13px;font-weight:750;display:inline-flex}.qurban-recap-heading>button svg{width:16px}.qurban-recap-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qurban-recap-summary article{background:#fff;border:1px solid #d8e4ee;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 6px 15px #0a29470f}.qurban-recap-summary article>span{color:#0a2947;background:#eaf3fb;border-radius:10px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.qurban-recap-summary article.lembu>span{color:#176bb0;background:#e2f1ff}.qurban-recap-summary article.kambing>span{color:#0a2947;background:#edf5fc}.qurban-recap-summary small{color:#688098;margin-bottom:3px;font-size:12px;display:block}.qurban-recap-summary strong{color:#0a2947;font-size:17px}.qurban-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.qurban-recap-group{background:#fff;border:1px solid #d5e2ed;border-radius:15px;overflow:hidden;box-shadow:0 9px 20px #0a294712}.qurban-recap-group>header{background:#f7fbff;border-bottom:1px solid #dbe6ef;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;display:flex}.qurban-recap-group>header span{color:#287ec0;letter-spacing:.08em;font-size:10px;font-weight:850}.qurban-recap-group>header h3{color:#0a2947;margin:4px 0 0;font-size:18px}.qurban-recap-group>header>strong{color:#185e97;background:#e9f3fb;border-radius:99px;padding:7px 10px;font-size:12px}.qurban-recap-group-actions{align-items:center;gap:9px;display:flex}.qurban-recap-group-actions>strong{color:#185e97;background:#e9f3fb;border-radius:99px;padding:7px 10px;font-size:12px}.qurban-recap-group-actions>button{color:#0a2947;cursor:pointer;background:#fff;border:1px solid #b9cee0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:750;transition:background-color .2s,border-color .2s;display:inline-flex}.qurban-recap-group-actions>button:hover{background:#f1f7fc;border-color:#287ec0}.qurban-recap-group-actions>button:disabled{cursor:not-allowed;opacity:.5}.qurban-recap-group-actions>button svg{width:15px;height:15px}.qurban-recap-list>div{border-bottom:1px solid #e5edf3;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 18px;display:grid}.qurban-recap-list>div:last-child{border-bottom:0}.qurban-recap-list>div>span{color:#7b94aa;font-size:11px;font-weight:800}.qurban-recap-list p{gap:3px;margin:0;display:grid}.qurban-recap-list p strong{color:#133452;font-size:14px}.qurban-recap-list p small{color:#71869b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.qurban-recap-list em{color:#396482;background:#eef5fb;border-radius:99px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:800}.qurban-recap-empty{color:#6c8297;margin:0;padding:24px 19px;font-size:13px}@media (max-width:760px){.qurban-view-tabs{grid-template-columns:1fr}.qurban-recap-heading{flex-direction:column;align-items:flex-start}.qurban-recap-summary,.qurban-recap-grid{grid-template-columns:1fr}.qurban-recap-heading>button{justify-content:center;width:100%}.qurban-recap-group>header{flex-direction:column;align-items:flex-start}.qurban-recap-group-actions{justify-content:space-between;width:100%}}.home-page .home-upcoming-inner{padding:22px 26px 26px;overflow:hidden}.home-page .home-command-tabs{width:100%;min-height:48px;box-shadow:none;background:#f4f8fb;border:1px solid #d5e1eb;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px;padding:4px;display:grid;overflow:hidden}.home-page .home-command-tabs span{text-align:center;border-radius:8px;justify-content:center;min-width:0;min-height:38px;padding:8px 12px}.home-page .home-command-tabs span.active{box-shadow:0 4px 10px #0a294726}.home-page .home-upcoming-inner .section-header{margin-top:0;margin-bottom:18px}@media (max-width:760px){.home-page .home-upcoming-inner{padding:16px;overflow:hidden}.home-page .home-command-tabs{scrollbar-width:none;border-radius:10px;width:100%;margin:0 0 20px;display:flex;overflow-x:auto}.home-page .home-command-tabs::-webkit-scrollbar{display:none}.home-page .home-command-tabs span{flex:none;min-width:128px}}:root{--gold:#1f79b9;--gold-dark:#0a2947;--gold-light:#e7f2fb}.home-page .mosque-location-card .identity-image-shade{background:linear-gradient(90deg,#05162bf7 0%,#05162bdb 44%,#05162b6b 74%,#05162b2e 100%),linear-gradient(#0000 34%,#05162b94)}.home-page .mosque-location-card .identity-icon{color:#b6e3ff;background:#308bcc38;border-color:#97d2fa6b}.home-page .mosque-location-card .public-eyebrow{text-shadow:0 1px 8px #0000004d;color:#94d5ff!important}.home-page .mosque-location-card h3{text-shadow:0 2px 12px #0000004d;color:#fff!important}.home-page .mosque-location-card p{color:#ffffffe6!important}.home-page .mosque-location-card .identity-card-copy a{background:#eaf6ff;border:1px solid #addcfbc7;box-shadow:0 8px 20px #00162b3d;color:#0a2947!important}.home-page .mosque-location-card .identity-card-copy a:hover{background:#fff;box-shadow:0 11px 26px #00162b4d}.home-page .location-map-pattern{background:#051c35ad;border-color:#9fd5f859}.home-page .map-road{background:#cdebfd47}.home-page .map-pin-pulse{color:#0a2947;background:#dff2ff;box-shadow:0 0 0 8px #5ab5ee24,0 8px 24px #0012264d}.home-page .public-activity-section .public-eyebrow,.home-page .activity-heading .public-eyebrow,.home-page .activity-schedule-line{color:#97d8ff!important}.home-page .public-activity-section .public-section-heading p,.home-page .activity-heading>p,.home-page .activity-slide-copy>p{color:#ffffffdb!important}.home-page .activity-category,.home-page .activity-category.tone-green,.home-page .activity-category.tone-gold,.home-page .activity-category.tone-purple,.home-page .activity-category.tone-red{color:#d2efff;background:#308bcc3d;border-color:#97d2fa61}.home-page .activity-slide-copy>button{color:#0a2947;background:#eaf6ff;border:1px solid #addcfbc7}.home-page .quote-box,.home-page .quote-box blockquote,.home-page .quote-box strong{color:#fff}.home-page .quote-box figcaption,.home-page .quote-box small{color:#fffc}.footer,.cash-side-guide,.leadership-org-header,.activity-showcase{color:#fff}.footer p,.footer small,.cash-side-guide p,.cash-side-guide small,.leadership-org-header p{color:#fffc}.footer a,.cash-side-guide a{color:#b6e3ff}.hero-mini .hero-mini-eyebrow,.hero-mini .hero-mini-description{color:#ffffffd6}.home-page .ortom-program-showcase,.home-page .ortom-program-showcase.tone-aisyiyah,.home-page .ortom-program-showcase.tone-pemuda,.home-page .ortom-program-showcase.tone-nasyiatul,.home-page .ortom-program-showcase.tone-tapak-suci{border:1px solid #77b2dc57;box-shadow:0 20px 46px #051c3433;background:radial-gradient(circle at 10% 25%, rgba(var(--ortom-accent-rgb), .18), transparent 30%), linear-gradient(135deg, #061a30 0%, #0a2947 58%, #123e63 100%)!important}.home-page .ortom-spotlight-slide.active,.home-page .ortom-spotlight-slide.active .ortom-spotlight-content{color:#fff;opacity:1!important;visibility:visible!important}.home-page .ortom-logo-stage{border-right-color:#ffffff1c;background:radial-gradient(circle at center, rgba(var(--ortom-accent-rgb), .18), transparent 48%), linear-gradient(145deg, #ffffff0a, transparent 72%)!important}.home-page .ortom-category{color:#aadafa;background:#3290cf38;border-color:#91cff770}.home-page .ortom-organization{color:#ffffffb8!important}.home-page .ortom-spotlight-content h3,.home-page .ortom-program-item strong{color:#fff!important}.home-page .ortom-description{color:#ffffffe0!important}.home-page .ortom-program-item{border-top-color:#ffffff26}.home-page .ortom-program-item>span{color:#b7e2ff;background:#4aa5e233}.home-page .ortom-program-item small{color:#ffffffc2!important}.home-page .ortom-program-action{color:#fff;background:#ffffff1a;border-color:#97d2fa6b}.home-page .ortom-logo-tabs{background:#031426b8;border-top-color:#ffffff21}.home-page .ortom-logo-tabs button{color:#ffffffb8;border-right-color:#ffffff1a}.home-page .ortom-logo-tabs button:hover,.home-page .ortom-logo-tabs button.active{color:#fff;background:#59b0e721}.home-page .ortom-tab-copy small{color:#8fd2ff}.home-page .ortom-tab-copy strong,.home-page .ortom-logo-tabs button.active .ortom-tab-copy strong{color:#fff!important}.primary-button,.gold-button,.portal-action,.portal-login-modal form>button,.home-page .activity-slide-copy>button,.home-page .ortom-program-action,.home-page .identity-card-copy a,.home-page .public-service-card button{letter-spacing:0;min-height:44px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.25;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;transform:none;color:#fff!important;text-shadow:none!important;background:#0a2947!important;border:1px solid #0a2947!important;border-radius:8px!important;box-shadow:0 2px 5px #0a294724!important}.primary-button:hover,.gold-button:hover,.portal-action:hover,.portal-login-modal form>button:hover,.home-page .activity-slide-copy>button:hover,.home-page .ortom-program-action:hover,.home-page .identity-card-copy a:hover,.home-page .public-service-card button:hover{transform:translateY(-1px);color:#fff!important;background:#164b73!important;border-color:#164b73!important;box-shadow:0 3px 8px #0a294729!important}.primary-button:active,.gold-button:active,.portal-action:active,.portal-login-modal form>button:active,.home-page .activity-slide-copy>button:active,.home-page .ortom-program-action:active,.home-page .identity-card-copy a:active,.home-page .public-service-card button:active{transform:translateY(0);background:#071f36!important;box-shadow:0 1px 3px #0a294729!important}.secondary-button,.home-page .hero-secondary-button,.section-header>button{letter-spacing:0;min-height:44px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.25;transition:background-color .16s,border-color .16s,color .16s;transform:none;box-shadow:none!important;color:#0a2947!important;text-shadow:none!important;background:#fff!important;border:1px solid #b9c9d7!important;border-radius:8px!important}.secondary-button:hover,.home-page .hero-secondary-button:hover,.section-header>button:hover{transform:none;color:#0a2947!important;box-shadow:none!important;background:#f2f7fa!important;border-color:#7898b1!important}.primary-button svg,.secondary-button svg,.gold-button svg,.portal-action svg,.home-page .hero-secondary-button svg,.home-page .activity-slide-copy>button svg,.home-page .ortom-program-action svg,.home-page .identity-card-copy a svg,.home-page .public-service-card button svg{width:16px;height:16px;filter:none!important;transform:none!important}.home-page .module-card{min-height:132px;transform:none;background:#fff!important;border:1px solid #d4e0e9!important;border-radius:10px!important;box-shadow:0 2px 7px #0a294712!important}.home-page .module-card:before,.home-page .module-card:after{display:none!important}.home-page .module-card:hover{transform:translateY(-1px);background:#f8fbfd!important;border-color:#91abc0!important;box-shadow:0 3px 10px #0a29471a!important}.home-page .module-card .module-icon{box-shadow:none!important;color:#0a2947!important;background:#eaf2f8!important;border:0!important;border-radius:8px!important}.home-page .module-card .module-arrow{width:28px;height:28px;box-shadow:none;color:#0a2947;background:#fff;border:1px solid #ccdbe6;border-radius:7px;place-items:center;font-size:15px;display:grid}@media (prefers-reduced-motion:reduce){.primary-button,.secondary-button,.gold-button,.portal-action,.home-page .module-card,.home-page .activity-slide-copy>button,.home-page .ortom-program-action,.home-page .identity-card-copy a,.home-page .public-service-card button{transition:none!important}}.home-page .public-highlights{overflow:visible!important}.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding-left:36px!important;padding-right:36px!important}.home-page .public-activity-slide.active,.home-page .public-activity-slide.active .activity-slide-copy{opacity:1!important;visibility:visible!important}.home-page .activity-slides{height:390px!important}.home-page .mosque-location-card .identity-card-copy a,.home-page .mosque-location-card .identity-card-copy a:link,.home-page .mosque-location-card .identity-card-copy a:visited{width:fit-content!important;min-width:184px!important;box-shadow:none!important;color:#0a2947!important;-webkit-text-fill-color:#0a2947!important;opacity:1!important;visibility:visible!important;background:#fff!important;border:1px solid #c5d4df!important;border-radius:7px!important;display:inline-flex!important}@media (max-width:760px){.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{padding-left:18px!important;padding-right:18px!important}.home-page .activity-slides{height:560px!important}}.home-page .public-activity-section{background:#0a2947!important;border:1px solid #173f61!important;border-radius:16px!important;box-shadow:0 8px 24px #0a29471f!important}.home-page .activity-showcase,.home-page .ortom-program-showcase{border-radius:14px!important}@media (max-width:760px){.home-page .public-activity-section{border-radius:12px!important}.home-page .activity-showcase,.home-page .ortom-program-showcase{border-radius:11px!important}}.home-page .public-activity-section{margin-bottom:0!important}.home-page .ortom-program-section{margin-top:24px!important;padding-top:44px!important}.home-page .hero-prayer-times{z-index:8;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051b31d6;border:1px solid #ffffff3d;border-radius:9px;align-items:stretch;display:flex;position:absolute;bottom:22px;right:max(24px,50vw - 550px);overflow:hidden;box-shadow:0 4px 14px #000c1b2e}.home-page .hero-prayer-location{border-right:1px solid #ffffff26;flex-direction:column;justify-content:center;min-width:116px;padding:9px 13px;display:flex}.home-page .hero-prayer-location span{color:#a9d9f5;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:650}.home-page .hero-prayer-location strong{color:#fff;margin-top:2px;font-size:12px;font-weight:700}.home-page .hero-prayer-location a{color:#a9d9f5c7;margin-top:3px;font-size:7.5px;font-weight:650;line-height:1.2;text-decoration:none}.home-page .hero-prayer-location a:hover,.home-page .hero-prayer-location a:focus-visible{color:#fff;text-decoration:underline}.home-page .hero-prayer-list{grid-template-columns:repeat(5,minmax(62px,1fr));display:grid}.home-page .hero-prayer-item{text-align:center;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;min-width:66px;padding:8px 10px;display:flex}.home-page .hero-prayer-item:last-child{border-right:0}.home-page .hero-prayer-item span{color:#ffffffad;font-size:9px;font-weight:600}.home-page .hero-prayer-item strong{color:#fff;font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px;font-weight:750}@media (max-width:760px){.home-page .ortom-program-section{margin-top:16px!important;padding-top:34px!important}.home-page .hero-prayer-times{display:block;bottom:15px;left:14px;right:14px}.home-page .hero-prayer-location{border-bottom:1px solid #ffffff21;border-right:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;padding:7px 10px;display:grid}.home-page .hero-prayer-location strong{grid-area:1/2/span 2;margin-top:0;font-size:11px}.home-page .hero-prayer-location a{grid-area:2/1;margin-top:1px;font-size:7px}.home-page .hero-prayer-list{grid-template-columns:repeat(5,1fr)}.home-page .hero-prayer-item{min-width:0;padding:7px 3px}.home-page .hero-prayer-item span{font-size:8px}.home-page .hero-prayer-item strong{font-size:11px}}.home-page .hero-prayer-times{border-radius:10px;min-height:64px;top:24px!important;bottom:auto!important;right:max(28px,50vw - 560px)!important}.home-page .hero-prayer-location{min-width:148px;padding:12px 16px}.home-page .hero-prayer-location span{font-size:10px}.home-page .hero-prayer-location strong{margin-top:4px;font-size:15px}.home-page .hero-prayer-item{min-width:78px;padding:11px 13px}.home-page .hero-prayer-item span{font-size:10px}.home-page .hero-prayer-item strong{margin-top:4px;font-size:16px}@media (max-width:760px){.home-page .hero-prayer-times{border-radius:9px;min-height:0;inset:12px 12px auto!important}.home-page .hero-prayer-location{padding:8px 11px}.home-page .hero-prayer-location span{font-size:9px}.home-page .hero-prayer-location strong{font-size:12px}.home-page .hero-prayer-item{padding:9px 4px}.home-page .hero-prayer-item span{font-size:9px}.home-page .hero-prayer-item strong{margin-top:3px;font-size:13px}}.home-page .hero-prayer-times{top:92px!important}@media (max-width:760px){.home-page .hero-prayer-times{top:78px!important}}.home-page .hero-prayer-location strong{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:18px}@media (max-width:760px){.home-page .hero-prayer-location strong{font-size:15px}}.qurban-type-badge,.qurban-status-badge{box-shadow:none!important;text-shadow:none!important;border:1px solid #cbd9e4!important;border-radius:8px!important}.qurban-type-badge.shahibul{color:#0a2947!important;background:#e8f1f7!important;border-color:#aac3d7!important}.qurban-type-badge.mustahik{color:#125789!important;background:#edf5fb!important;border-color:#b8d1e4!important}.qurban-type-badge>strong{font-size:12px;font-weight:750;color:inherit!important}.qurban-type-badge>small{font-size:11px;font-weight:650;color:#405d73!important;opacity:1!important}.qurban-status-badge.registered,.qurban-status-badge.unclaimed{color:#9d2020!important;background:#fff0f0!important;border-color:#efb9b9!important}.qurban-status-badge.collected{color:#12633e!important;background:#e9f6ef!important;border-color:#a9cfbd!important}.qurban-recap-list em{color:#234e6c;background:#edf4f8;border:1px solid #c4d7e5;border-radius:7px;font-size:11px;font-weight:700}.status-badge,.freq-badge,.metric-trend,.leadership-profile-role{text-shadow:none!important}.qurban-participant-options{gap:14px!important}.qurban-participant-options fieldset{border-color:#d3dee7!important;border-radius:9px!important;padding:12px!important}.qurban-choice-row,.qurban-payment-row{flex-wrap:wrap;gap:8px!important;display:flex!important}.qurban-choice-row label,.qurban-payment-row label{color:#173552;flex:none;justify-content:center;min-width:94px;position:relative;width:auto!important;min-height:38px!important;box-shadow:none!important;background:#fff!important;border:1px solid #cbd8e3!important;border-radius:7px!important;gap:0!important;padding:8px 12px!important;display:inline-flex!important;transform:none!important}.qurban-choice-row label:hover,.qurban-payment-row label:hover{box-shadow:none!important;background:#f6f9fb!important;border-color:#8da9bd!important;transform:none!important}.qurban-choice-row label.selected,.qurban-payment-row label.selected{box-shadow:none!important;color:#0a2947!important;background:#eaf3f9!important;border-color:#1769a6!important}.qurban-choice-row input,.qurban-payment-row input{pointer-events:none;opacity:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.qurban-choice-row label>span{display:block!important}.qurban-choice-row strong,.qurban-payment-row strong{color:inherit!important;font-size:13px!important;font-weight:700!important}.qurban-choice-row small{display:none!important}.qurban-entry-actions{gap:9px!important}.qurban-entry-actions button,.qurban-entry-actions button:first-child,.qurban-entry-actions button:last-child{min-height:40px!important;box-shadow:none!important;color:#0a2947!important;text-shadow:none!important;background:#fff!important;border:1px solid #b7c9d7!important;border-radius:7px!important;padding:0 14px!important;font-size:13px!important;font-weight:700!important;transform:none!important}.qurban-entry-actions button:first-child{color:#fff!important;background:#0a2947!important;border-color:#0a2947!important}.qurban-entry-actions button:hover,.qurban-entry-actions button:last-child:hover{box-shadow:none!important;background:#f2f6f9!important;border-color:#7898b1!important;transform:none!important}.qurban-entry-actions button:first-child:hover{box-shadow:none!important;background:#164b73!important;border-color:#164b73!important;transform:none!important}.qurban-entry-actions svg{width:15px!important;height:15px!important}@media (max-width:760px){.qurban-participant-options{grid-template-columns:1fr!important}.qurban-choice-row label,.qurban-payment-row label{min-width:88px}.qurban-entry-actions{flex-wrap:wrap;flex-direction:row!important}}.home-page .public-highlights{background:0 0;width:100%!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}.home-page .public-highlights>.public-intro,.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{width:min(1180px,100% - 48px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}.home-page .public-intro{background:0 0;margin-top:0;padding-top:62px}.home-page .public-activity-section{width:100%;border-left:0!important;border-right:0!important;border-radius:0!important;margin-left:0!important;margin-right:0!important}@media (max-width:760px){.home-page .public-highlights>.public-intro,.home-page .public-activity-section>.container,.home-page .ortom-program-section>.container{width:calc(100% - 32px)!important}.home-page .public-intro{padding-top:44px;padding-bottom:40px}.home-page .public-section-heading,.home-page .public-section-heading>div,.home-page .public-section-heading h2{width:100%;max-width:100%}.home-page .public-section-heading h2{overflow-wrap:anywhere;font-size:clamp(27px,8.2vw,34px)}.home-page .mosque-location-card{width:100%;min-width:0}}.home-page .quote-box{background:linear-gradient(120deg,#082b4a 0%,#0d3b61 58%,#174f78 100%);border-color:#b7daf04d}.home-page .quote-box .quote-arabic{color:#fff;text-shadow:0 1px 2px #00000038}.home-page .quote-box .quote-trans{color:#edf7ff;text-shadow:0 1px 1px #0000002e;font-weight:500}.home-page .quote-box .quote-source{color:#bddcf0;font-weight:800}.home-page .quote-box:before{color:#b1dbf542}.home-page .quote-box:after{background:#b1dbf517}body{font-size:16px;line-height:1.65}.nav-link,.nav-dropdown-trigger,.portal-login-button{font-size:14px}.public-eyebrow,[class*=eyebrow],[class*=kicker]{letter-spacing:.075em;font-size:11px;font-weight:800;line-height:1.45}.public-section-heading h2,.membership-content h2{font-size:clamp(30px,3.2vw,42px);line-height:1.16}.public-section-heading>p,.section-intro,.membership-lead{font-size:16px;line-height:1.75}.public-service-card{min-height:320px;padding:26px}.service-subtitle{letter-spacing:.085em;margin-top:20px;font-size:11px;line-height:1.45}.public-service-card h3{margin-top:6px;font-size:21px;line-height:1.3}.public-service-card p{color:#526b83;margin-top:10px;font-size:15px;line-height:1.68}.public-service-card button{color:#fff;background:#0a2947;border:1px solid #0a2947;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:154px;min-height:44px;margin-top:auto;padding:0 17px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 4px 10px #0a294726}.public-service-card button svg{flex:none;width:16px;height:16px}.public-service-card button:hover{color:#fff;background:#164b73;border-color:#164b73;transform:translateY(-1px)}.public-service-card button:focus-visible{outline-offset:3px;outline:3px solid #2563a847}.event-title,.ann-title,.activity-name,.module-card strong,.membership-tabs strong{font-size:17px;line-height:1.4}.event-desc,.ann-desc,.activity-desc,.module-card small,.membership-tabs small,.membership-detail p{font-size:14px;line-height:1.65}.event-meta,.activity-schedule-line,.announcement-meta{font-size:13px;line-height:1.55}.activity-slide-copy>p,.ortom-description,.info-card p,.info-card li,.contact-val{font-size:16px;line-height:1.7}.ortom-program-item strong{font-size:15px}.ortom-program-item small,.ortom-tab-copy strong{font-size:13px;line-height:1.55}.stat-label{font-size:12px;line-height:1.45}.quote-trans{font-size:16px;line-height:1.75}.quote-source{font-size:13px}@media (max-width:760px){body{font-size:15px}.public-section-heading h2,.membership-content h2,.home-page .public-section-heading h2,.home-page .membership-content h2{font-size:clamp(28px,8vw,34px)}.public-section-heading>p,.section-intro,.membership-lead,.home-page .public-section-heading p,.home-page .section-intro,.home-page .membership-lead{font-size:15px}.public-service-card{min-height:290px;padding:22px}.public-service-card h3{font-size:20px}.public-service-card p{font-size:15px}.home-page .stat-label,.stat-label{font-size:10.5px}.quote-trans{font-size:15px}}.home-page .hero-actions .hero-article-button{color:#0a2947;background:#fffffff0;border:1px solid #ffffffa3;justify-content:center;align-items:center;min-height:48px;display:inline-flex}@media (max-width:640px){.home-page .hero-actions .hero-article-button{width:100%;display:inline-flex}}