:root{--h-primary: #072917;--h-gold: #C9A24A;--h-paper: #F8F6F0;--h-sage: #f1f5f9;--h-border: rgba(7, 41, 23, .08)}.hub-wrapper{background-color:var(--h-paper);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;font-family:var(--font-sans, system-ui, sans-serif)}.hub-main{position:relative;z-index:10}.hub-hero{background:linear-gradient(135deg,var(--h-primary) 0%,#04140b 100%);padding:6rem 0 4rem;position:relative;color:#fff;text-align:center;border-bottom:5px solid var(--h-gold);z-index:2000}.hero-inner{max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.hub-title{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);margin:1.5rem 0;color:var(--h-gold)}.hero-subhead{font-size:clamp(1.1rem,2vw,1.25rem);opacity:.9;max-width:800px;margin:0 auto 3rem;line-height:1.6}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.tag-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;backdrop-filter:blur(5px);text-decoration:none!important}.authority-jump-nav{background:#fff;padding:.75rem 0;border-bottom:1px solid var(--h-border);position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px #00000005}.jump-nav-inner{display:flex;justify-content:center;gap:.75rem;max-width:1000px;margin:0 auto;flex-wrap:wrap;padding:0 1rem}.jump-link{font-size:.75rem;font-weight:700;color:var(--h-primary);text-decoration:none;padding:.4rem 1rem;border-radius:100px;background:var(--h-sage);border:1px solid var(--h-border)}.jump-link:hover{color:var(--h-gold);border-color:var(--h-gold)}.quran-intro{max-width:900px;margin:5rem auto;padding:0 2rem;text-align:center}.intro-title{font-family:var(--font-serif);font-size:2.5rem;color:var(--h-primary);margin-bottom:2rem}.intro-content{font-size:1.1rem;line-height:1.8;color:#444;text-align:left;background:#fff;padding:3rem;border-radius:1rem;border:1px solid var(--h-border);box-shadow:0 10px 30px #07291708}.intro-content p{margin-bottom:1.5rem}.intro-content p:last-child{margin-bottom:0}.knowledge-cluster{margin:5rem auto;max-width:1100px;padding:0 1.5rem}.cluster-title{font-family:var(--font-serif);font-size:2rem;color:var(--h-primary);margin-bottom:1rem;text-align:center;position:relative}.cluster-subtitle{text-align:center;max-width:700px;margin:0 auto 2.5rem;color:#555;font-size:1.05rem;line-height:1.6}.cluster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.research-card{background:#fff;border:1px solid var(--h-border);border-radius:1rem;padding:1.75rem;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 5px 15px #00000005}.research-card:hover{transform:translateY(-5px);border-color:var(--h-gold);box-shadow:0 15px 35px #0000000f}.card-badge{display:inline-block;background:#fff9eb;color:var(--h-gold);border:1px solid rgba(201,162,74,.2);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .7rem;border-radius:100px;margin-bottom:.9rem;align-self:flex-start}.research-card h3{font-family:var(--font-serif);font-size:1.15rem;color:var(--h-primary);margin-bottom:.75rem;line-height:1.35}.research-card p{font-size:.9rem;line-height:1.6;color:#666;margin-bottom:1.5rem}.card-footer{margin-top:auto;color:var(--h-gold)!important;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.adjacent-callout{max-width:1100px;margin:0 auto 5rem;padding:0 1.5rem}.adjacent-callout-inner{background:linear-gradient(135deg,#c9a24a14,#fff);border:1px solid rgba(201,162,74,.3);border-radius:1.25rem;padding:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.adjacent-callout-text h3{font-family:var(--font-serif);color:var(--h-primary);font-size:1.3rem;margin:0 0 .5rem}.adjacent-callout-text p{margin:0;color:#555;font-size:.98rem;max-width:550px}.adjacent-callout-btn{background:var(--h-primary);color:#fff;padding:.85rem 1.75rem;border-radius:100px;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap}.adjacent-callout-btn:hover{background:var(--h-gold);color:var(--h-primary)}.institutional-faq{margin:5rem auto;max-width:900px;padding:0 1.5rem}.faq-title{font-family:var(--font-serif);font-size:2.25rem;color:var(--h-primary);margin-bottom:3rem;text-align:center}.faq-grid{display:flex;flex-direction:column;gap:1.25rem}.faq-item-premium{background:#fff;border:1px solid var(--h-border);padding:1.75rem;border-radius:1rem;box-shadow:0 5px 15px #00000005}.faq-item-premium h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--h-primary);margin-bottom:.75rem;display:flex;gap:.75rem;align-items:flex-start;line-height:1.4}.faq-item-premium h3:before{content:"Q:";color:var(--h-gold);font-weight:900}.faq-item-premium p{font-size:.95rem;line-height:1.6;color:#444;padding-left:1.6rem;margin:0}.hub-whatsapp-cta{margin:4rem auto;max-width:700px;padding:2.5rem 1.5rem;background:linear-gradient(135deg,rgba(4,20,11,.98) 0%,var(--h-primary) 100%);border-radius:1rem;text-align:center;border:1px solid rgba(201,162,74,.2)}.hub-wa-content{position:relative;z-index:10;max-width:500px;margin:0 auto}.hub-wa-badge{color:var(--h-gold);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;margin-bottom:1rem}.hub-wa-title{font-family:var(--font-serif);font-size:1.75rem;color:#fff;margin-bottom:1rem;line-height:1.1}.hub-wa-text{font-size:.9rem;color:#fff9;margin-bottom:2rem}.hub-wa-btn{display:inline-block;background:var(--h-gold);color:#000;padding:.75rem 2rem;border-radius:100px;font-weight:800;text-decoration:none;font-size:.9rem}.legal-disclaimer{margin:5rem auto;max-width:750px;padding:0 1.5rem;position:relative;z-index:10}.disclaimer-inner{background:#07291708;border:1px solid var(--h-border);padding:2.5rem 3rem;border-radius:1rem;text-align:center}.disclaimer-inner h3{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800;color:var(--h-gold);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.disclaimer-inner h3:before{content:"⚠️";font-size:1rem}.disclaimer-inner p{font-size:.9rem;color:#555;line-height:1.6;margin:0}@media(max-width:768px){.hub-hero{padding:4rem 0 3rem}.intro-content{padding:1.75rem}.adjacent-callout-inner{padding:1.75rem;flex-direction:column;align-items:flex-start}.hub-whatsapp-cta{padding:2rem 1rem;margin:3rem 1rem}}
