:root{--bg-color:#010304;--text-primary:#f1f1f3;--text-secondary:#a1a1a1;--accent-color:#2563eb;--font-main:"Bricolage Grotesque",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.hero-section{position:relative;padding:100px 0 80px;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;isolation:isolate;background-color:#010304;background-image:radial-gradient(circle at top center,rgba(186,230,253,.05) 0,rgba(59,130,246,.03) 10%,transparent 24%)}.hero-section:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(180deg,rgba(1,3,4,0),rgba(1,3,4,.98) 84%,#010304);pointer-events:none;z-index:0}.hero-section .container{position:relative;z-index:2}.hero-light-rays{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,.82) 42%,rgba(0,0,0,.24) 68%,transparent 88%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,.82) 42%,rgba(0,0,0,.24) 68%,transparent 88%)}.hero-light-rays .light-rays-container{width:100%;height:100%}@media (max-width:768px){.hero-light-rays{mask-image:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,.98) 30%,rgba(0,0,0,.78) 52%,rgba(0,0,0,.34) 72%,transparent 88%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,.98) 30%,rgba(0,0,0,.78) 52%,rgba(0,0,0,.34) 72%,transparent 88%)}}@media (prefers-reduced-motion:reduce){.hero-light-rays{display:none}}.hero-badge{display:inline-flex;padding:10px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(37,99,235,.2);border-radius:100px;font-size:13px;margin-bottom:40px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f1f1f3;font-weight:500;box-shadow:0 0 20px rgba(37,99,235,.1),0 4px 64px 0 rgba(0,0,0,.4)}.hero-title{font-size:clamp(32px,8vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.04em;color:#f1f1f3}.hero-title .highlight{background:linear-gradient(90deg,#ffffff 40%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:clamp(15px,2vw,18px);color:#a1a1a1;max-width:750px;margin:0 auto 40px;font-weight:400;line-height:1.6}.hero-image-container{width:100%;max-width:1000px;margin:20px auto 0;position:relative;perspective:1000px;display:flex;justify-content:center;z-index:2}.hero-image-container:before{content:"";position:absolute;inset:auto 8% -4%;height:46%;background:radial-gradient(circle,rgba(245,245,245,.16) 0,rgba(166,166,166,.08) 42%,transparent 74%);filter:blur(54px);z-index:-1;opacity:.8}.hero-image{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 80px rgba(255,255,255,.08)) drop-shadow(0 30px 100px rgba(166,166,166,.08))}.store-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap;z-index:10;position:relative}.store-btn{display:inline-block;transition:all .3s ease}.store-btn img{height:52px;width:auto;display:block}.store-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(37,99,235,.3)}.store-btn:active{transform:translateY(-1px) scale(1)}.hero-tagline{font-size:14px;color:var(--text-secondary);margin-bottom:32px;opacity:.8}.site-footer{padding:80px 20px 60px;text-align:center;background:linear-gradient(180deg,transparent,rgba(37,99,235,.05));border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:600px;margin:0 auto}.footer-cta{font-size:clamp(24px,5vw,36px);font-weight:700;margin-bottom:12px;background:linear-gradient(90deg,#ffffff 20%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.footer-store-buttons{margin-bottom:40px}.footer-tagline{font-size:14px;color:var(--text-secondary);opacity:.7}@media (max-width:480px){.store-buttons{gap:12px}.store-btn img{height:44px}.site-footer{padding:60px 20px 40px}}.hadith-section{padding:160px 0;position:relative;background-color:var(--bg-color);overflow:hidden;text-align:center}.hadith-container{position:relative;z-index:2}.hadith-badge{display:inline-flex;align-items:center;gap:12px;padding:10px 24px;background:rgba(37,99,235,.05);border:1px solid rgba(255,255,255,.1);border-radius:100px;margin-bottom:48px;box-shadow:0 0 30px rgba(37,99,235,.1);opacity:0}.lightning-icon{font-size:18px;color:#ffffff;filter:drop-shadow(0 0 8px #2563eb)}.hadith-quote{font-size:clamp(28px,6vw,42px);font-weight:800;line-height:1.3;margin-bottom:40px;color:#ffffff;max-width:900px;margin-left:auto;margin-right:auto;letter-spacing:-.01em;text-wrap:balance;text-align:center!important}.saw{font-size:.7em;vertical-align:middle;color:var(--text-secondary);opacity:.8}.quote-main{display:block;margin-top:10px;font-size:1.1em;letter-spacing:-.02em}.hadith-subtext{font-size:clamp(16px,2vw,18px);color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.7;opacity:0}.hadith-subtext strong{color:var(--text-primary)}.bottom-light-ray{bottom:-150px;width:120vw;height:600px;background:radial-gradient(ellipse at center bottom,rgba(37,99,235,.15) 0,transparent 70%);z-index:1;opacity:.8}.bottom-light-ray,.hadith-glow-core{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;mix-blend-mode:screen}.hadith-glow-core{bottom:-100px;width:600px;height:400px;background:radial-gradient(circle at center bottom,rgba(37,99,235,.6) 0,transparent 70%);filter:blur(60px);z-index:2;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}.features-section{padding:120px 0;position:relative;z-index:1}.features-container{display:flex;justify-content:space-between;align-items:flex-start;gap:80px;text-align:left}.features-left{flex:1 1;max-width:600px}.features-copy{margin-bottom:60px;opacity:0}.features-title{font-size:clamp(32px,5vw,48px);font-weight:800;margin-bottom:24px;letter-spacing:-.02em;background:linear-gradient(90deg,#ffffff 10%,#7dd3fc 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(56,189,248,.15)}.features-desc{font-size:18px;color:var(--text-secondary);line-height:1.6}.features-desc strong{color:var(--text-primary)}.tickers-wrapper{display:flex;flex-direction:column;gap:20px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);padding:20px 0}.ticker-row{display:flex;white-space:nowrap;gap:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ticker-content{display:flex;gap:16px;animation:scroll 40s linear infinite}.ticker-left .ticker-content{animation-direction:normal}.ticker-right .ticker-content{animation-direction:reverse}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.feature-chip{padding:14px 24px;background:rgba(14,165,233,.05);border:1px solid rgba(56,189,248,.15);border-radius:100px;font-size:14px;color:#e0f2fe;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.feature-chip:hover{background:rgba(14,165,233,.1);border-color:rgba(56,189,248,.4);box-shadow:0 0 15px rgba(56,189,248,.2);transform:translateY(-1px)}.check-icon{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.5)}.feature-chip:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.3)}.check-icon{color:#3b82f6;font-style:normal;font-weight:700;font-size:16px}.features-right{flex:0 0 500px;position:-webkit-sticky;position:sticky;top:100px}.access-card{background:rgba(15,23,42,.6);border:1px solid rgba(56,189,248,.2);border-radius:24px;padding:40px;height:100%;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px -10px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .3s ease;position:relative;overflow:hidden}.access-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(56,189,248,.15),transparent 60%);animation:rotateGradient 15s linear infinite;pointer-events:none;z-index:0}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:40px}.lock-icon{font-size:28px;background:rgba(37,99,235,.1);color:#2563eb;padding:8px;border-radius:12px}.card-header h3{font-size:24px;font-weight:700;margin-bottom:4px}.card-subtitle{font-size:13px;color:#94a3b8;margin:0}.access-grid{grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}.access-grid,.premium-features-grid{display:grid;position:relative;z-index:1}.premium-features-grid{grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.premium-feature{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:14px;color:#e2e8f0;transition:all .2s ease}.premium-feature:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.3);transform:translateY(-2px)}.premium-feature span{font-size:16px}.feature-icon{width:20px;height:20px;stroke:#38bdf8;stroke-width:2;flex-shrink:0;transition:all .3s ease;opacity:0;transform:scale(.5)}.premium-feature:hover .feature-icon{stroke:#7dd3fc;transform:scale(1.1)}.feature-icon.animated{opacity:1;transform:scale(1)}@media (max-width:500px){.premium-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.premium-feature{min-width:0;padding:10px 12px;font-size:13px;line-height:1.35;align-items:flex-start}.feature-icon{width:18px;height:18px}}.access-column{background:rgba(0,0,0,.2);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.05)}.column-title{display:block;font-size:13px;font-weight:700;color:#38bdf8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.access-list{list-style:none;display:flex;flex-direction:column;gap:12px}.access-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#e2e8f0;font-weight:500}.list-icon{font-size:16px;width:20px;text-align:center}.badge-new{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:white;font-size:8px;padding:2px 6px;border-radius:4px;font-weight:700;margin-left:auto;letter-spacing:.05em}.access-premium{background:rgba(56,189,248,.05);border:1px solid rgba(56,189,248,.15);border-radius:16px;padding:20px;position:relative;z-index:1}.premium-title{display:block;font-size:12px;font-weight:700;color:#fbbf24;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.premium-chips{display:flex;flex-wrap:wrap;gap:8px}.premium-chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:100px;font-size:12px;color:#e2e8f0;display:flex;align-items:center;gap:6px}@media (max-width:600px){.access-grid{grid-template-columns:1fr}}@media (max-width:1100px){.features-container{flex-direction:column;align-items:center;text-align:center;gap:60px}.features-left{max-width:100%}.features-right{width:100%;max-width:500px;flex:none;position:static;align-self:flex-start;margin-right:auto;margin-left:0;text-align:left}.access-card,.card-header{text-align:left}.card-header{justify-content:flex-start}.access-list{text-align:left}.premium-feature{text-align:left;justify-content:flex-start}}.reviews-section{padding:100px 0;position:relative;background-color:var(--bg-color)}.reviews-header{text-align:center;max-width:600px;margin:0 auto 60px}.reviews-title{font-size:clamp(32px,5vw,48px);font-weight:800;margin-bottom:16px;background:linear-gradient(90deg,#ffffff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reviews-subtitle{font-size:18px;color:var(--text-secondary)}.reviews-grid{column-count:3;column-gap:24px;max-width:1200px;margin:0 auto}.review-card{background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-bottom:24px;page-break-inside:avoid;break-inside:avoid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:16px;transition:transform .3s ease;text-align:left}.review-card:hover{transform:translateY(-4px);background:rgba(30,41,59,.6);border-color:rgba(56,189,248,.2)}.review-header{display:flex;align-items:center;gap:12px}.review-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#1e293b;border:1px solid rgba(255,255,255,.1)}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-info{display:flex;flex-direction:column}.reviewer-name{font-size:15px;font-weight:700;color:white}.reviewer-role{font-size:12px;color:#94a3b8}.review-stars{color:#fbbf24;font-size:14px;letter-spacing:2px}.review-text{font-size:15px;line-height:1.6;color:#e2e8f0}.highlight-text{background:rgba(251,191,36,.15);color:#fcd34d;padding:0 4px;border-radius:4px}@media (max-width:1024px){.reviews-grid{column-count:2}}@media (max-width:640px){.reviews-grid{column-count:1}}@media (max-width:768px){.reviews-section{padding:80px 0}}.faq-section{padding:80px 0;background-color:#0d121f}.faq-header{text-align:center;margin-bottom:50px}.faq-header h2{font-size:2.5rem;color:#fff;font-weight:700}.faq-grid{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;max-width:800px;margin:0 auto}.faq-item{background:rgba(30,41,59,.4);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:30px;transition:transform .3s ease}.faq-item:hover{transform:translateY(-2px);border-color:rgba(148,163,184,.2)}.faq-item h3{font-size:1.25rem;color:#fff;margin-bottom:12px;font-weight:600}.faq-item p{color:#94a3b8;line-height:1.6;margin:0}.footer-legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:15px}.footer-legal a{color:#64748b;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:#94a3b8}.legal-separator{display:none}.copyright{color:#475569;font-size:.85rem;margin-top:10px}@media (min-width:640px){.footer-legal{flex-direction:row;justify-content:center;gap:10px}.legal-separator{display:inline;color:#475569}.copyright{margin-top:0;margin-left:20px;padding-left:20px;border-left:1px solid #334155}}@media (max-width:768px){.hero-section{padding-top:64px!important;padding-bottom:20px!important;min-height:auto}.hero-badge{margin-bottom:16px!important;padding:8px 16px}.hero-title{margin-bottom:12px!important;line-height:1.1}.hero-subtitle{margin-bottom:20px!important;font-size:15px;line-height:1.5;padding:0 10px}.store-buttons{margin-bottom:20px!important;gap:10px}.hero-image-container{width:100%!important;max-width:100vw!important;margin-left:auto!important;margin-right:auto!important;margin-inline:auto!important;margin-top:0!important;overflow:hidden}.hero-image{width:100%;max-width:100vw;height:auto;object-fit:contain}.hero-tagline{margin-bottom:20px!important}}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,visibility .5s ease}.spinner{width:50px;height:50px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.hidden{opacity:0;visibility:hidden;pointer-events:none}