.footer-social-link[data-v-76950d85]{color:#ffffff80;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;text-decoration:none;transition:all .15s;display:inline-flex}.footer-social-link[data-v-76950d85]:hover{color:#ffffffd9;border-color:#ffffff4d}.loading-screen{background-color:var(--cream);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-inner{text-align:center;max-width:280px;padding:0 1.5rem}.loading-ornament{justify-content:center;align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.loading-ornament:before,.loading-ornament:after{content:"";background:linear-gradient(to right, transparent, var(--gold));width:44px;height:1px}.loading-ornament:after{background:linear-gradient(to left, transparent, var(--gold))}.lo-gem{background:var(--gold);width:7px;height:7px;transform:rotate(45deg)}.loading-bismillah{color:var(--green);direction:rtl;margin-bottom:1.5rem;font-size:1.6rem;line-height:1.6}.loading-logo{background:var(--green);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;display:flex}.loading-name{font-family:var(--serif);color:var(--ink);margin-bottom:.2rem;font-size:1.7rem;font-weight:600}.loading-name span{color:var(--green)}.loading-sub{color:var(--muted);font-size:11px}.loading-enter-active,.loading-leave-active{transition:opacity .4s}.loading-enter-from,.loading-leave-to{opacity:0}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .15s,transform .15s}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0;transform:translateY(-4px)}:root{--cream:#f7f3ec;--cream-dark:#ede7db;--green:#1b5c42;--green-mid:#2a7a58;--green-light:#e4f0ea;--gold:#c4932a;--gold-light:#f5e9cc;--ink:#1a1a18;--muted:#6b6860;--border:#d8d0c4;--red:#b03030;--faith-color:#6b4f9e;--faith-light:#ede9fa;--prayer-color:#1b5c42;--prayer-light:#e4f0ea;--zakat-color:#c4932a;--zakat-light:#f5e9cc;--fasting-color:#1a6b8a;--fasting-light:#dff0f7;--hajj-color:#7a3b1e;--hajj-light:#f5e8df;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--arabic:"Amiri", "Scheherazade New", "Traditional Arabic", serif;--sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001f;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}body{background-color:var(--cream);color:var(--ink);font-family:var(--sans);padding-top:var(--nav-height);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231B5C42'%3E%3Crect x='25' y='25' width='50' height='50' stroke-width='0.55' opacity='0.38' transform='rotate(45 50 50)'/%3E%3Crect x='25' y='25' width='50' height='50' stroke-width='0.55' opacity='0.22'/%3E%3Cline x1='50' y1='0' x2='50' y2='25' stroke-width='0.4' opacity='0.18'/%3E%3Cline x1='50' y1='75' x2='50' y2='100' stroke-width='0.4' opacity='0.18'/%3E%3Cline x1='0' y1='50' x2='25' y2='50' stroke-width='0.4' opacity='0.18'/%3E%3Cline x1='75' y1='50' x2='100' y2='50' stroke-width='0.4' opacity='0.18'/%3E%3C/g%3E%3Crect x='47.5' y='47.5' width='5' height='5' fill='none' stroke='%23C4932A' stroke-width='0.4' opacity='0.22' transform='rotate(45 50 50)'/%3E%3C/svg%3E");background-size:100px 100px;background-attachment:fixed;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--sans)}a{color:inherit}input,select,textarea{font-family:var(--sans);font-size:14px}input[type=number]::-webkit-inner-spin-button{opacity:.4}.serif{font-family:var(--serif)}.muted{color:var(--muted)}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1}.page-header{background:var(--ink);padding:var(--space-16) var(--space-8) var(--space-12);position:relative;overflow:hidden}.page-header-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.page-header h1{font-family:var(--serif);color:#fff;margin-bottom:var(--space-4);font-size:clamp(2.5rem,5vw,3.8rem);font-weight:600;line-height:1.08}.page-header p{color:#fff9;max-width:600px;font-size:17.5px;line-height:1.72}.page-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#8bc4a8;margin-bottom:var(--space-2);font-size:11px;font-weight:600;display:block}.section{padding:var(--space-16) var(--space-8)}.section-narrow{max-width:860px;margin:0 auto}.section-wide{max-width:1100px;margin:0 auto}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:var(--space-2);font-size:11px;font-weight:600;display:block}.section-title{font-family:var(--serif);letter-spacing:-.3px;margin-bottom:var(--space-4);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;line-height:1.12}.section-sub{color:var(--muted);max-width:580px;font-size:17.5px;line-height:1.78}.content-wrap{max-width:1100px;padding:var(--space-10) var(--space-8) var(--space-16);margin:0 auto}.content-narrow{max-width:860px;padding:var(--space-10) var(--space-8) var(--space-16);margin:0 auto}.geo-bg{opacity:.065;pointer-events:none;position:absolute;inset:0;overflow:hidden}.geo-bg svg{width:100%;height:100%}.prose{color:var(--muted);font-size:17px;line-height:1.88}.prose p{margin-bottom:1.1rem}.prose p:last-child{margin-bottom:0}.quran-block{background:var(--ink);border-radius:var(--radius-lg);border-left:4px solid var(--gold);margin:1.5rem 0;padding:1.75rem;position:relative;overflow:hidden}.quran-arabic{font-family:"Amiri", var(--serif);color:#fff;text-align:right;z-index:1;direction:rtl;margin-bottom:.75rem;font-size:1.7rem;line-height:2.1;position:relative}.quran-ref{color:var(--gold);letter-spacing:.5px;z-index:1;margin-bottom:.4rem;font-size:11.5px;font-weight:600;position:relative}.quran-trans{color:var(--muted);z-index:1;font-size:16px;line-height:1.78;position:relative}.quran-block:not(.frame-calligraphy) .quran-trans{color:#ffffffe0}.hadith-block{background:var(--gold-light);border-radius:var(--radius);border:1px solid #e0c87a;margin:1.25rem 0;padding:1.1rem 1.4rem}.hadith-source{color:#7a5a10;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:11px;font-weight:600}.hadith-text{color:#3a2a08;font-size:16px;font-style:italic;line-height:1.75}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);background:#fff}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card-grid-2{grid-template-columns:1fr 1fr}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-green{background:var(--green-light);border-color:#b0d8c4}.card-gold{background:var(--gold-light);border-color:#e0c87a}.card-warn{background:#fde9e7;border-color:#f0b0a8}.card-dark{background:var(--ink);border-color:#0000}.card-cream{background:var(--cream-dark);border-color:var(--border)}.divider{background:var(--border);height:1px;margin:var(--space-8) 0}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.field .hint{color:#bbb;font-size:11px;line-height:1.4}.input-field,.select-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fff;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.input-field:focus,.select-field:focus{border-color:var(--green)}.pfx-wrap{position:relative}.pfx-wrap .pfx{color:#bbb;pointer-events:none;font-size:14px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.pfx-wrap .input-field{padding-left:24px}.field-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field-grid-1{grid-template-columns:1fr}.field-grid-3{grid-template-columns:1fr 1fr 1fr}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);white-space:nowrap;border:none;padding:11px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-mid);transform:translateY(-1px)}.btn-secondary{color:var(--ink);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--green);color:var(--green)}.btn-white{color:var(--green);background:#fff}.btn-white:hover{background:var(--cream)}.btn-gold{background:var(--gold);color:#fff}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 30px;font-size:16px;font-weight:500}.btn-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:12.5px;font-family:var(--sans);background:0 0;border-radius:20px;padding:6px 14px;transition:all .15s}.pill-btn.active,.pill-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.progress-bar{background:var(--cream-dark);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .5s}.badge{align-items:center;gap:var(--space-1);border-radius:12px;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{color:#0d5c40;background:#d4f5e8}.badge-gold{background:var(--gold-light);color:#85500b}.badge-live:before{content:"";background:var(--green-mid);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timeline{gap:var(--space-6);flex-direction:column;display:flex}.tl-item{gap:var(--space-5);align-items:flex-start;display:flex}.tl-marker{background:var(--green-light);width:36px;height:36px;font-family:var(--serif);color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.85rem;font-weight:600;display:flex}.tl-content h4{font-family:var(--serif);margin-bottom:.3rem;font-size:1rem;font-weight:600}.tl-content p{color:var(--muted);font-size:14px;line-height:1.6}.faq-item{border-bottom:1px solid var(--border)}.faq-q{text-align:left;width:100%;font-family:var(--serif);color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-size:1.05rem;font-weight:600;display:flex}.faq-q:hover{color:var(--green)}.faq-chev{color:var(--muted);flex-shrink:0;font-size:18px;transition:transform .25s}.faq-chev.open{transform:rotate(45deg)}.faq-a{color:var(--muted);max-height:0;font-size:14.5px;line-height:1.75;transition:max-height .35s,padding .35s;overflow:hidden}.faq-a.open{max-height:600px;padding-bottom:1.1rem}.cta-strip{background:var(--green);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;position:relative;overflow:hidden}.cta-strip h2{color:#fff;font-family:var(--serif);margin-bottom:.5rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600}.cta-strip p{color:#ffffffa6;margin-bottom:1.5rem;font-size:15px}.cta-strip>*{z-index:1;position:relative}@media (width<=900px){.card-grid-3,.card-grid-4,.field-grid-3{grid-template-columns:1fr 1fr}}@media (width<=640px){.section{padding:var(--space-10) var(--space-5)}.content-wrap,.content-narrow{padding:var(--space-8) var(--space-5) var(--space-12)}.page-header{padding:var(--space-10) var(--space-5) var(--space-6)}.card-grid-2,.card-grid-3,.card-grid-4,.field-grid,.field-grid-3{grid-template-columns:1fr}.btn-lg{padding:13px 24px;font-size:15px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header-inner{animation:.55s cubic-bezier(.4,0,.2,1) both fadeUp}.anim-target{opacity:0;transition:opacity .55s cubic-bezier(.4, 0, .2, 1) var(--stagger,0s), transform .55s cubic-bezier(.4, 0, .2, 1) var(--stagger,0s);will-change:transform, opacity;transform:translateY(20px)}.anim-target.anim-visible{opacity:1;transform:none}.quran-block.anim-visible{animation:.9s .3s both quranGlow}@keyframes quranGlow{0%{border-left-color:#0000}60%{border-left-color:var(--gold)}to{border-left-color:var(--gold)}}.site-nav{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);height:var(--nav-height);background:#f7f3ecf2;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:1200px;padding:0 var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-3);cursor:pointer;flex-shrink:0;text-decoration:none;display:flex}.nav-logo-mark{background:var(--green);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nav-logo-text{font-family:var(--serif);color:var(--ink);white-space:nowrap;font-size:19px;font-weight:600}.nav-logo-text span{color:var(--green)}.nav-pillars{align-items:center;gap:var(--space-1);flex:1;justify-content:center;display:flex}.nav-pill{border-radius:var(--radius);color:var(--muted);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;font-family:var(--sans);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:7px 10px;text-decoration:none;transition:all .15s;display:flex}.nav-pill:hover{background:var(--cream-dark);color:var(--ink)}.nav-pill.active{background:var(--green-light);color:var(--green);border-color:#b0d8c4}.nav-pill-icon{font-size:16px;line-height:1}.nav-pill-label{font-size:11px;line-height:1}.nav-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.nav-tools-btn{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--sans);background:0 0;border:none;padding:7px 12px;text-decoration:none;transition:color .15s}.nav-tools-btn:hover,.nav-tools-btn.active{color:var(--green)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--ink);border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.nav-mobile-menu{top:var(--nav-height);background:var(--cream);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-5);z-index:199;gap:var(--space-2);flex-direction:column;display:none;position:fixed;left:0;right:0}.nav-mobile-menu.open{display:flex}.nav-mobile-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--ink);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--sans);text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.nav-mobile-item:hover,.nav-mobile-item.active{background:var(--green-light);color:var(--green)}.nav-mobile-item .icon{font-size:18px}@media (width<=900px){.nav-pillars,.nav-tools-btn{display:none}.nav-hamburger{display:flex}.nav-right .btn{display:none}}.site-footer{background:var(--ink);color:#ffffff73;padding:var(--space-12) var(--space-8) var(--space-6)}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{gap:var(--space-10);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{color:#fff6;margin-top:var(--space-4);max-width:260px;font-size:13.5px;line-height:1.7}.footer-col h4{letter-spacing:1px;text-transform:uppercase;color:#ffffffb3;margin-bottom:var(--space-4);font-size:11px;font-weight:600}.footer-col a,.footer-col button{color:#fff6;margin-bottom:var(--space-2);cursor:pointer;font-size:13.5px;font-family:var(--sans);text-align:left;background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s;display:block}.footer-col a:hover,.footer-col button:hover{color:#fffc}.footer-bottom{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:12.5px;display:flex}.footer-disc{margin-top:var(--space-5);color:#ffffff40;font-size:11.5px;line-height:1.6}@media (width<=800px){.footer-top{grid-template-columns:1fr 1fr}}@media (width<=500px){.footer-top{grid-template-columns:1fr}}.hero-section{min-height:calc(100vh - var(--nav-height));background:var(--cream);align-items:center;display:flex;position:relative;overflow:hidden}.hero-inner{max-width:1100px;padding:var(--space-16) var(--space-8);gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-badge{align-items:center;gap:var(--space-2);background:var(--gold-light);color:#7a5a10;margin-bottom:var(--space-5);border:1px solid #e0c87a;border-radius:20px;padding:5px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px}.hero-title{font-family:var(--serif);letter-spacing:-.5px;margin-bottom:var(--space-5);font-size:clamp(2.8rem,4.5vw,4.2rem);font-weight:600;line-height:1.07}.hero-title em{color:var(--green);font-style:italic}.hero-body{color:var(--muted);margin-bottom:var(--space-8);font-size:18px;line-height:1.75}.hero-stats{gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex}.stat-num{font-family:var(--serif);color:var(--green);font-size:2rem;font-weight:600;line-height:1}.stat-lbl{color:var(--muted);margin-top:3px;font-size:12.5px}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}@media (width<=500px){.hero-stats{gap:var(--space-4);flex-direction:column}}.pillars-hub{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(5,1fr);display:grid}.pillar-hub-card{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);text-align:center;cursor:pointer;align-items:center;gap:var(--space-3);background:#fff;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.pillar-hub-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.pillar-hub-card:before{content:attr(data-num);font-family:var(--serif);opacity:.05;font-size:4rem;font-weight:600;line-height:1;position:absolute;top:-8px;right:8px}.phc-icon{font-size:2.2rem;line-height:1}.phc-name{font-family:var(--serif);font-size:1.05rem;font-weight:600}.phc-sub{color:var(--muted);font-size:12px;line-height:1.4}.phc-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.phc-faith{border-top:3px solid var(--faith-color)}.phc-faith .phc-tag{background:var(--faith-light);color:var(--faith-color)}.phc-prayer{border-top:3px solid var(--prayer-color)}.phc-prayer .phc-tag{background:var(--prayer-light);color:var(--prayer-color)}.phc-zakat{border-top:3px solid var(--zakat-color)}.phc-zakat .phc-tag{background:var(--zakat-light);color:var(--zakat-color)}.phc-fasting{border-top:3px solid var(--fasting-color)}.phc-fasting .phc-tag{background:var(--fasting-light);color:var(--fasting-color)}.phc-hajj{border-top:3px solid var(--hajj-color)}.phc-hajj .phc-tag{background:var(--hajj-light);color:var(--hajj-color)}@media (width<=900px){.pillars-hub{grid-template-columns:repeat(3,1fr)}}@media (width<=540px){.pillars-hub{grid-template-columns:1fr 1fr}}.tools-strip{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.tool-card{background:var(--cream-dark);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;align-items:flex-start;gap:var(--space-3);text-decoration:none;transition:all .15s;display:flex}.tool-card:hover{box-shadow:var(--shadow-sm);background:#fff}.tc-icon{flex-shrink:0;font-size:22px}.tc-name{color:var(--ink);margin-bottom:2px;font-size:14px;font-weight:600}.tc-desc{color:var(--muted);font-size:12px;line-height:1.4}@media (width<=700px){.tools-strip{grid-template-columns:1fr 1fr}}@media (width<=400px){.tools-strip{grid-template-columns:1fr}}.pillar-header-faith{border-bottom:3px solid var(--faith-color)}.pillar-header-prayer{border-bottom:3px solid var(--prayer-color)}.pillar-header-zakat{border-bottom:3px solid var(--zakat-color)}.pillar-header-fasting{border-bottom:3px solid var(--fasting-color)}.pillar-header-hajj{border-bottom:3px solid var(--hajj-color)}.pillar-num-badge{align-items:center;gap:var(--space-2);font-family:var(--serif);margin-top:var(--space-12);margin-bottom:var(--space-3);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.calc-layout{gap:var(--space-6);grid-template-columns:1fr 360px;align-items:start;display:grid}.calc-sidebar{top:calc(var(--nav-height) + 16px);position:sticky}.acc-card{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:#fff;overflow:hidden}.acc-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:13px 16px;transition:background .1s;display:flex}.acc-header:hover{background:var(--cream)}.acc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.ai-teal{background:#e0f4ed}.ai-blue{background:#e5effc}.ai-amber{background:#fef3e0}.ai-purple{background:#eeeefe}.ai-coral{background:#fde9e7}.acc-name{font-family:var(--serif);font-size:.95rem;font-weight:600}.acc-sub{color:var(--muted);margin-top:1px;font-size:11px}.acc-total{font-family:var(--serif);color:var(--green);font-size:.95rem;font-weight:600}.acc-chev{color:#bbb;flex-shrink:0;font-size:10px;transition:transform .2s}.acc-chev.open{transform:rotate(180deg)}.acc-body{padding:0 16px 16px;display:none}.acc-body.open{display:block}.ref-box{background:var(--cream);border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-4);margin-top:var(--space-3);color:var(--muted);padding:9px 12px;font-size:13px;line-height:1.6}.ref-box strong{color:var(--ink);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.results-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.rc-header{background:var(--ink);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.rc-title{font-family:var(--serif);color:#fff;font-size:1.05rem;font-weight:600}.rc-rate{color:#ffffffa6;background:#ffffff1f;border-radius:12px;padding:3px 10px;font-size:12px}.rc-body{padding:16px 18px}.hawl-warn{border-radius:var(--radius-sm);color:#6a5200;margin-bottom:var(--space-4);background:#fffae0;border:1px solid #e8d05a;padding:9px 11px;font-size:12px;line-height:1.5}.result-due{background:linear-gradient(135deg,#e8f8f1,#d4f5e7);border:1px solid #5dcaa5}.result-none{background:var(--cream);border:1px solid var(--border)}.result-box{border-radius:var(--radius);text-align:center;margin-bottom:var(--space-3);padding:1.15rem}.rb-label{color:var(--muted);margin-bottom:5px;font-size:12px}.rb-amount{font-family:var(--serif);color:var(--green);letter-spacing:-1px;font-size:2.3rem;font-weight:600;line-height:1}.rb-empty{color:#bbb;font-size:1.1rem;font-weight:500}.brow{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.brow:last-child{border-bottom:none}.brow .bl{color:var(--muted)}.brow .bv{font-weight:600}.brow.bd .bv{color:var(--red)}.brow.bt .bl{color:var(--ink);font-size:13.5px;font-weight:600}.brow.bh .bv{color:var(--green)}.metal-tiles{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.metal-tile{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);padding:11px 13px}.mt-name{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10.5px;font-weight:600}.mt-price{font-family:var(--serif);margin-bottom:3px;font-size:1.15rem;font-weight:600}.mt-unit{color:var(--muted);font-size:11px;font-weight:400}@media (width<=900px){.calc-layout{grid-template-columns:1fr}.calc-sidebar{position:static}}.prayer-grid{gap:var(--space-3);grid-template-columns:repeat(6,1fr);display:grid}.prayer-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;background:#fff;transition:all .2s}.prayer-card.current{background:var(--green);border-color:var(--green);box-shadow:var(--shadow)}.prayer-card.current .prayer-name,.prayer-card.current .prayer-time{color:#fff}.prayer-card.current .prayer-sub{color:#ffffffa6}.prayer-name{font-family:var(--serif);margin-bottom:4px;font-size:1rem;font-weight:600}.prayer-time{font-family:var(--serif);color:var(--green);margin-bottom:2px;font-size:1.4rem;font-weight:600}.prayer-sub{color:var(--muted);font-size:11px}@media (width<=800px){.prayer-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.prayer-grid{grid-template-columns:repeat(2,1fr)}}.qibla-wrap{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.compass-ring{border:2px solid var(--border);width:240px;height:240px;box-shadow:var(--shadow);background:#fff;border-radius:50%;position:relative}.compass-needle{background:linear-gradient(to bottom, var(--green) 50%, #ccc 50%);transform-origin:bottom;border-radius:2px;width:4px;height:100px;transition:transform 1s;position:absolute;top:50%;left:50%;transform:translate(-50%)rotate(0)}.compass-kaaba{font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-n{color:var(--red);font-size:12px;font-weight:700;position:absolute;top:6px;left:50%;transform:translate(-50%)}.compass-s{color:var(--muted);font-size:12px;font-weight:600;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.compass-e{color:var(--muted);font-size:12px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.compass-w{color:var(--muted);font-size:12px;font-weight:600;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.heir-toggle{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-2);background:#fff;justify-content:space-between;align-items:center;display:flex}.heir-info h4{font-family:var(--serif);margin-bottom:2px;font-size:.95rem;font-weight:600}.heir-info p{color:var(--muted);font-size:12.5px;line-height:1.4}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--green)}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch.on:after{transform:translate(20px)}.inheritance-results{background:var(--ink);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.inh-title{font-family:var(--serif);color:#fff;margin-bottom:var(--space-5);font-size:1.2rem;font-weight:600}.inh-row{padding:var(--space-3) 0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.inh-row:last-child{border-bottom:none}.inh-heir{color:#fffc;font-size:13.5px}.inh-share{font-family:var(--serif);color:var(--gold);font-size:.95rem;font-weight:600}.inh-amount{color:#ffffffa6;font-size:13.5px}.inh-bar-wrap{margin:0 var(--space-4);background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.inh-bar-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .6s}.fast-tracker{background:var(--ink);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.fast-ring{background:conic-gradient(var(--green) 0%, transparent 0%);width:180px;height:180px;margin:0 auto var(--space-5);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.fast-ring:before{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:16px}.fast-ring-inner{z-index:1;position:relative}.fast-time{font-family:var(--serif);color:#fff;font-size:2.5rem;font-weight:600;line-height:1}.fast-label{color:#ffffff80;margin-top:4px;font-size:12px}.page-fade-enter{opacity:0;transform:translateY(8px)}.page-fade-exit{opacity:0;transform:translateY(-4px)}.page-fade-active{transition:opacity .2s,transform .2s}.ornament-hanging{background:linear-gradient(to bottom, var(--gold) 0%, #c4932a00 100%);opacity:.6;pointer-events:none;z-index:10;width:1px;height:80px;position:absolute;top:0}.ornament-hanging:after{content:"";background:var(--gold);opacity:.8;width:7px;height:7px;position:absolute;bottom:-6px;left:-3px;transform:rotate(45deg)}.ornament-hanging.left{left:var(--space-8)}.ornament-hanging.right{right:var(--space-8)}@media (width<=768px){.ornament-hanging{opacity:.4;height:50px}.ornament-hanging.left{left:var(--space-5)}.ornament-hanging.right{right:var(--space-5)}}.divider-kufic{margin:var(--space-8) 0;opacity:.7;justify-content:center;align-items:center;display:flex;position:relative}.divider-kufic:before,.divider-kufic:after{content:"";background:var(--border);flex:1;height:1px}.divider-kufic-icon{margin:0 var(--space-4);border:1px solid var(--gold);justify-content:center;align-items:center;width:12px;height:12px;display:flex;transform:rotate(45deg)}.divider-kufic-icon:after{content:"";background:var(--gold);width:4px;height:4px}.frame-calligraphy{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;z-index:1;position:relative;overflow:hidden;padding:3rem 2.5rem!important}.frame-calligraphy:before{content:"";pointer-events:none;z-index:-1;border:1px solid #c4932a33;border-radius:4px;position:absolute;inset:6px}.frame-calligraphy:after{content:"";pointer-events:none;z-index:-1;border-top:1px solid #c4932a66;border-bottom:1px solid #c4932a66;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px;-webkit-mask-image:linear-gradient(90deg,#000 10px,#0000 10px calc(100% - 10px),#000 calc(100% - 10px));mask-image:linear-gradient(90deg,#000 10px,#0000 10px calc(100% - 10px),#000 calc(100% - 10px))}.frame-calligraphy>.quran-arabic{font-family:var(--arabic);color:var(--green);font-size:clamp(2rem,4vw,2.8rem);line-height:1.7}.bg-kufic-grid{pointer-events:none;z-index:0;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0l2.5 17.5L40 20l-17.5 2.5L20 40l-2.5-17.5L0 20l17.5-2.5z' fill='none' stroke='%23C4932A' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");background-size:80px 80px;position:absolute;inset:0}.bg-kufic-grid.dark{opacity:.15;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0l2.5 17.5L40 20l-17.5 2.5L20 40l-2.5-17.5L0 20l17.5-2.5z' fill='none' stroke='%23FFFFFF' stroke-width='0.5' opacity='0.2'/%3E%3C/svg%3E")}.corner-ornament{pointer-events:none;z-index:10;opacity:.5;width:24px;height:24px;position:absolute}.corner-ornament.top-left{border-top:2px solid var(--gold);border-left:2px solid var(--gold);top:0;left:0}.corner-ornament.top-right{border-top:2px solid var(--gold);border-right:2px solid var(--gold);top:0;right:0}.corner-ornament.bottom-left{border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);bottom:0;left:0}.corner-ornament.bottom-right{border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);bottom:0;right:0}