:root{--l-navy: #072917;--l-blue: #C9A24A;--l-blue-glow: rgba(201, 162, 74, .1);--l-emerald: #0d4a2a;--l-ink: #1a1e1c;--l-paper: #F8F7F2;--l-border: rgba(7, 41, 23, .08);--l-gold: #c9a24a}.hub-wrapper{background-color:var(--l-paper);min-height:100vh;position:relative;overflow-x:hidden;scroll-behavior:smooth;font-family:var(--font-sans)}.hub-wrapper:before{content:"";position:absolute;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='1' cy='1' r='0.5' fill='rgba(15,23,42,0.03)'/%3E%3C/svg%3E");pointer-events:none}.hub-hero{background:linear-gradient(160deg,var(--l-navy) 0%,#04140b 100%);padding:8rem 0 6rem;position:relative;color:#fff;text-align:center;border-bottom:1px solid rgba(201,162,74,.2);overflow:hidden}.hub-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 70%)}.hero-inner{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.hero-seo-box{text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:3rem;backdrop-filter:blur(15px);margin-top:3rem}.hub-snippet{font-size:1.3rem;line-height:1.6;color:#fff;margin-bottom:2rem;font-family:var(--font-serif);border-left:3px solid var(--l-blue);padding-left:1.5rem}.hub-summary-bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}.hub-summary-bullets li{font-size:.95rem;color:#fffc;display:flex;gap:.75rem}.hub-summary-bullets li:before{content:"◈";color:var(--l-blue)}.hub-summary-bullets strong{color:#fff}.hub-title{font-family:var(--font-serif);font-size:clamp(3rem,8vw,5.5rem);line-height:1.1;margin:2.5rem 0;font-weight:900;letter-spacing:-.02em;background:linear-gradient(to bottom,#f1c40f 0%,var(--l-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ch-intent-block{background:transparent;padding:4rem 2rem 0;margin-top:4rem}.ch-intent-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.ch-intent-card{background:#ffffff08;padding:2.5rem 2rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column}.ch-intent-card h3{color:var(--l-gold);font-size:1.15rem;margin-bottom:1rem;font-family:var(--font-serif);line-height:1.4;font-weight:800}.ch-intent-card p{color:#fffc;font-size:.9rem;line-height:1.6;margin-top:auto}.ch-intent-card:hover{transform:translateY(-8px);background:#ffffff0f;border-color:var(--l-blue);box-shadow:0 20px 40px #0000004d}.hub-main{max-width:1100px;margin:0 auto;padding:6rem 2rem;position:relative;z-index:1}.authority-jump-nav{background:#fffc;backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:1rem 0;margin:2rem auto;width:fit-content;max-width:90%;border-radius:100px;position:sticky;top:2rem;z-index:1000;box-shadow:0 10px 40px #00000014}.jump-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:2rem;padding:0 1rem}.jump-label{color:var(--l-blue);font-weight:900;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.jump-link{white-space:nowrap;font-size:.9rem;font-weight:700;text-decoration:none;color:var(--l-navy);opacity:.6;padding:.5rem 0;transition:all .3s ease;border-bottom:2px solid transparent}.jump-link:hover{opacity:1;color:var(--l-blue);border-color:var(--l-blue)}.pillar-intro{max-width:800px;margin:0 auto 4rem}.pillar-intro h2{font-family:var(--font-serif);font-size:2.5rem;color:var(--l-navy);margin-bottom:2rem}.pillar-intro p{font-size:1.15rem;line-height:1.8;color:var(--l-ink);opacity:.8;margin-bottom:2rem}.knowledge-cluster{margin-bottom:6rem}.cluster-title{font-family:var(--font-serif);font-size:clamp(2.5rem,4vw,3.5rem);color:var(--l-navy);margin-bottom:4rem;text-align:center;position:relative}.cluster-title:after{content:"";position:absolute;bottom:-1rem;left:50%;width:60px;height:4px;background:var(--l-blue);transform:translate(-50%);border-radius:2px}.cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.research-card{background:#fff;border:1px solid var(--l-border);border-radius:2rem;padding:2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column}.research-card:hover{transform:translateY(-8px);border-color:var(--l-blue);box-shadow:0 20px 40px #0f172a0d}.card-badge{display:inline-block;background:#f0f8ff;color:var(--l-blue);padding:.4rem 1rem;border-radius:100px;font-size:.7rem;font-weight:800;text-transform:uppercase;margin-bottom:1.5rem;width:fit-content}.research-card h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--l-navy);margin-bottom:1rem;line-height:1.3}.research-card p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.card-footer{margin-top:auto;color:var(--l-blue);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding-top:1rem;border-top:1px solid rgba(0,0,0,.03)}.comparison-table-wrapper{background:#fff;border-radius:2rem;border:1px solid var(--l-border);overflow:hidden;margin:4rem 0;box-shadow:0 10px 30px #00000005}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th{background:#f1f5f9;padding:1.5rem;text-align:left;font-family:var(--font-serif);color:var(--l-navy);border-bottom:2px solid var(--l-blue)}.comparison-table td{padding:1.5rem;border-bottom:1px solid var(--l-border);font-size:1rem}.instruments-section{background:#04140b;padding:6rem 2rem;border-radius:3rem;margin:4rem 0;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(201,162,74,.1)}.instruments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}.instrument-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:2rem 1.5rem;border-radius:1.5rem;text-align:center;backdrop-filter:blur(10px);transition:all .3s ease}.instrument-card:hover{background:#ffffff0a;border-color:var(--l-blue);transform:translateY(-3px)}.instrument-btn{display:inline-block;margin-top:1.5rem;padding:.6rem 1.2rem;border:1px solid var(--l-blue);color:var(--l-blue);border-radius:100px;text-decoration:none;font-weight:700;font-size:.75rem;transition:all .3s ease}.instrument-btn:hover{background:var(--l-blue);color:var(--l-navy)}.faq-accordion{max-width:900px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--l-border);border-radius:1.5rem;margin-bottom:1rem;overflow:hidden}.faq-question{padding:1.5rem 2rem;width:100%;text-align:left;background:none;border:none;font-family:var(--font-serif);font-size:1.25rem;color:var(--l-navy);font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{padding:0 2rem 2rem;color:#475569;line-height:1.7;font-size:1.05rem}@media(max-width:1024px){.cluster-grid,.instruments-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cluster-grid,.instruments-grid{grid-template-columns:1fr}.hub-title{font-size:3rem}}:root{--zakat-accent: #C9A24A;--zakat-deep: #072917;--zakat-light: #FDFCF8}.hub-hero{background:linear-gradient(160deg,#072917,#04140b);border-bottom:2px solid var(--zakat-accent)}.hub-title{background:linear-gradient(to bottom,#f1c40f 0%,var(--zakat-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(2.5rem,6vw,4.5rem);max-width:1000px}.zakat-calc-shell{background:#ffffff08!important;backdrop-filter:blur(25px)!important;border:1px solid rgba(201,162,74,.2)!important;border-radius:2.5rem!important;box-shadow:0 30px 60px #0000001f!important}.calc-card{background:#fffc!important;border:1px solid rgba(201,162,74,.1)!important;border-radius:2rem!important}.result-row.due{background:linear-gradient(135deg,var(--zakat-deep),#04140b)!important;border:1px solid var(--zakat-accent)!important}.ch-intent-card{background:#ffffff0d;border:1px solid rgba(201,162,74,.15)}.ch-intent-card h3{color:var(--zakat-accent)}.authority-jump-nav{background:#ffffffd9;border:1px solid rgba(201,162,74,.1);top:1.5rem}.jump-link:hover{color:var(--zakat-accent);border-bottom-color:var(--zakat-accent)}.research-card:hover{border-color:var(--zakat-accent);box-shadow:0 20px 40px #c9a24a14}.card-badge{background:#fff9eb;color:var(--zakat-accent);border:1px solid rgba(201,162,74,.1)}.card-footer{color:var(--zakat-accent)!important}.comparison-table th{background:var(--zakat-deep);color:#fff;border-bottom:3px solid var(--zakat-accent)}.faq-question:hover{color:var(--zakat-accent)}@media(max-width:640px){.hub-title{font-size:2.5rem}}