:root{--gold-primary:#e6a226;--gold-hover:#d68f18;--gold-text:#e6b96e;--bg-dark:#0f0f0f}.custom-landing-page{background-color:var(--bg-dark);color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden}.custom-hero{height:100vh;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:linear-gradient(to bottom,rgba(15,15,15,.9) 0%,rgba(15,15,15,.4) 30%,rgba(15,15,15,.9) 100%),url('/wp-content/themes/qi-child/assets/hero_bg.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.custom-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-hero .subtitle{font-size:1.1rem;letter-spacing:6px;font-weight:500;margin-bottom:-10px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:2}.custom-hero .main-title:before{content:"Quran Friends";position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);font-family:'Playfair Display',serif;font-size:clamp(6rem,15vw,12rem);color:transparent;background:linear-gradient(to bottom,#ffe88c,#c0871e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 15px 15px rgba(0,0,0,.7));z-index:-1;white-space:nowrap;opacity:.9}.custom-hero .main-title{font-size:clamp(3rem,8vw,6rem);font-weight:500;color:#fff;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(0,0,0,.6);position:relative;z-index:2}.custom-hero .tagline{font-size:.9rem;letter-spacing:4px;font-weight:400;margin-bottom:3rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:2}.btn-outline-gold{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(5px);border-radius:50px;padding:1rem 2.5rem;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.btn-outline-gold:hover{background:rgba(255,255,255,.2);border-color:#fff;color:#fff}.dynamic-posts-section{padding:5rem 2rem;max-width:1200px;margin:0 auto;background-color:var(--bg-dark)}.dynamic-posts-section h2{color:var(--gold-primary);text-align:center;margin-bottom:3rem;font-size:2.5rem;font-family:'Playfair Display',serif}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.post-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;transition:transform .3s ease}.post-card:hover{transform:translateY(-5px);border-color:var(--gold-primary)}.post-card h3{color:#fff;margin-top:0;font-size:1.25rem}.post-card a{color:var(--gold-text);text-decoration:none;font-weight:600;font-size:.9rem;margin-top:1rem;display:inline-block}.post-card a:hover{color:var(--gold-primary)}