:root{--cream:#f6f1e6;--cream-2:#eee5d3;--cream-3:#e6dcc8;--green:#174b42;--deep-green:#07352d;--dark-green:#03251f;--green-soft:#24594d;--gold:#b58a3a;--gold-light:#d8bc78;--gold-soft:rgba(181,138,58,.16);--text:#183a34;--muted:#71807b;--white:#fffdf7;--shadow:0 25px 70px rgba(17,55,47,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 20%,rgba(181,138,58,.04),transparent 25%),var(--cream);color:var(--text);font-family:"Inter",Arial,sans-serif;overflow-x:hidden}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.duas-hero{position:relative;min-height:570px;padding:72px clamp(24px,7vw,110px) 58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:25px;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(181,138,58,.15),transparent 28%),linear-gradient(135deg,#faf6ed 0,#f4eee1 55%,#ece3d2 100%);isolation:isolate}.duas-hero-grid{position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:linear-gradient(rgba(23,75,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,75,66,.07) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,#000 35%,#000 80%,transparent);z-index:-3}.duas-hero-glow{position:absolute;width:520px;height:520px;right:-100px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(181,138,58,.18),rgba(181,138,58,.05) 45%,transparent 72%);filter:blur(12px);pointer-events:none;z-index:-2}.duas-hero-content{position:relative;z-index:10;max-width:650px}.duas-eyebrow,.duas-label{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:100px;border:1px solid rgba(181,138,58,.28);background:rgba(181,138,58,.08);color:#9b722d;font-size:12px;font-weight:800;letter-spacing:2.3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.duas-hero-content h1{margin:20px 0 18px;color:var(--green);font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-4px;font-weight:800}.duas-hero-content h1 span{display:block;color:var(--gold);text-shadow:0 8px 28px rgba(181,138,58,.18)}.duas-hero-content p{max-width:570px;margin:0;color:var(--muted);font-size:16px;line-height:1.85}.duas-hero-buttons,.duas-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.primary-dua-btn,.secondary-dua-btn,.dua-main-btn,.dua-secondary-btn{position:relative;min-height:54px;padding:0 22px;border-radius:17px;font-size:13px;font-weight:800;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;overflow:hidden}.primary-dua-btn,.dua-main-btn{border:1px solid rgba(216,188,120,.65);color:#fffdf7;background:linear-gradient(145deg,#1d594d,#06352d);box-shadow:0 14px 30px rgba(3,37,31,.22),inset 0 1px 0 rgba(255,255,255,.14)}.primary-dua-btn::before,.dua-main-btn::before{content:"";position:absolute;top:0;left:-100%;width:70%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.17),transparent);transition:left .7s ease}@media (hover:hover){.primary-dua-btn:hover::before,.dua-main-btn:hover::before{left:130%}}.secondary-dua-btn,.dua-secondary-btn{border:1px solid rgba(181,138,58,.35);color:var(--green);background:rgba(255,255,255,.52);backdrop-filter:blur(14px);box-shadow:0 10px 25px rgba(23,75,66,.07)}@media (hover:hover){.primary-dua-btn:hover,.secondary-dua-btn:hover,.dua-main-btn:hover,.dua-secondary-btn:hover{transform:translateY(-5px)}}.dua-visual-area{position:relative;height:500px;display:flex;align-items:center;justify-content:center;perspective:1400px;transform-style:preserve-3d;cursor:crosshair;isolation:isolate}.dua-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(181,138,58,.3),rgba(181,138,58,.11) 40%,transparent 72%);filter:blur(10px);animation:duaGlow 4.5s ease-in-out infinite;z-index:-3}@keyframes duaGlow{0%,to{transform:scale(.9);opacity:.65}50%{transform:scale(1.08);opacity:1}}.dua-hands{position:relative;width:400px;height:400px;transform-style:preserve-3d;transition:transform .18s ease-out;animation:handsFloat 5s ease-in-out infinite}@keyframes handsFloat{0%,to{margin-top:0}50%{margin-top:-10px}}.hands-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:center bottom;transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),filter .5s ease}.hands-closed{opacity:1;transform:translateZ(35px) scale(1);filter:drop-shadow(0 30px 30px rgba(61,38,25,.25))}.hands-open{opacity:0;transform:translateZ(70px) scale(.8) translateY(25px);filter:drop-shadow(0 35px 40px rgba(61,38,25,.3))}.dua-visual-area.is-open .hands-closed{opacity:0;transform:translateZ(0) scale(.78) translateY(20px) rotateX(8deg)}.dua-visual-area.is-open .hands-open{opacity:1;transform:translateZ(100px) scale(1) translateY(0) rotateX(0deg)}.dua-hands::after{content:"";position:absolute;left:50%;bottom:5px;width:240px;height:70px;transform:translateX(-50%) translateZ(-40px);border-radius:50%;background:radial-gradient(ellipse,rgba(181,138,58,.42),transparent 70%);filter:blur(14px);z-index:-2}.dua-crescent{position:absolute;top:35px;right:45px;width:65px;height:65px;display:grid;place-items:center;color:var(--gold);font-size:58px;line-height:1;text-shadow:0 0 22px rgba(181,138,58,.55);transform:translateZ(130px) rotate(-15deg);animation:crescentFloat 5s ease-in-out infinite;z-index:20}@keyframes crescentFloat{0%,to{transform:translateZ(130px) rotate(-15deg) translateY(0)}50%{transform:translateZ(130px) rotate(-8deg) translateY(-12px)}}.dua-arabic{position:absolute;left:50%;top:58px;transform:translateX(-50%) translateZ(150px);color:var(--gold);font-family:"Amiri",serif;font-size:35px;direction:rtl;text-shadow:0 7px 25px rgba(181,138,58,.25);z-index:25;white-space:nowrap}.dua-caption{position:absolute;left:50%;bottom:0;width:300px;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:30}.dua-caption span{display:block;margin-bottom:7px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:3px}.dua-caption strong{display:block;color:var(--green);font-size:17px;font-weight:800}.dua-caption small{display:block;margin-top:5px;color:#7d8984;font-size:12px}.dua-particle{position:absolute;color:var(--gold-light);font-size:18px;opacity:.65;text-shadow:0 0 16px rgba(181,138,58,.8);animation:particleFloat 4s ease-in-out infinite;z-index:15}.p1{left:11%;top:30%}.p2{left:20%;top:57%;animation-delay:1s}.p3{right:22%;top:27%;animation-delay:.4s}.p4{right:10%;top:56%;animation-delay:1.7s}.p5{left:30%;top:20%;animation-delay:2s}.p6{right:31%;bottom:19%;animation-delay:1.2s}@keyframes particleFloat{0%,to{transform:translateY(0) scale(.8);opacity:.3}50%{transform:translateY(-17px) scale(1.25);opacity:.95}}.dua-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.orb-1{width:180px;height:180px;right:-70px;top:12%;background:rgba(23,75,66,.06)}.orb-2{width:140px;height:140px;left:42%;bottom:-70px;background:rgba(181,138,58,.08)}.section-space{padding:90px clamp(22px,7vw,100px)}.duas-intro{background:linear-gradient(180deg,#f6f1e6,#eee6d7)}.section-heading{max-width:700px;margin:0 auto 45px;text-align:center}.section-heading>span,.dua-list-header>div>span,.duas-cta span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:3px}.section-heading h2{margin:13px 0;color:var(--green);font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px}.section-heading h2 strong{color:var(--gold)}.section-heading p{color:var(--muted);line-height:1.8}.dua-intro-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dua-intro-card{padding:30px;border:1px solid rgba(181,138,58,.15);border-radius:24px;background:rgba(255,253,247,.75);box-shadow:0 20px 50px rgba(23,75,66,.07);transition:transform .35s ease,box-shadow .35s ease}@media (hover:hover){.dua-intro-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(23,75,66,.13)}}.intro-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border-radius:18px;background:linear-gradient(145deg,#174b42,#07352d);font-size:25px;box-shadow:0 12px 25px rgba(7,53,45,.2)}.dua-intro-card h3{margin:0 0 10px;color:var(--green);font-size:20px}.dua-intro-card p{margin:0;color:var(--muted);line-height:1.7}.dua-category-section{background:#f3ecdf}.dua-category-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dua-category{min-height:145px;padding:22px;text-align:left;border:1px solid rgba(23,75,66,.09);border-radius:22px;background:rgba(255,253,247,.76);color:var(--green);box-shadow:0 12px 35px rgba(23,75,66,.05);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.dua-category>span{display:block;margin-bottom:13px;font-size:25px}.dua-category strong{display:block;margin-bottom:6px;font-size:14px}.dua-category small{color:var(--muted);font-size:12px}.dua-category.active{transform:translateY(-5px);border-color:rgba(181,138,58,.45);background:linear-gradient(145deg,#174b42,#07352d);color:#fff;box-shadow:0 20px 45px rgba(7,53,45,.18)}@media (hover:hover){.dua-category:hover{transform:translateY(-5px);border-color:rgba(181,138,58,.45);background:linear-gradient(145deg,#174b42,#07352d);color:#fff;box-shadow:0 20px 45px rgba(7,53,45,.18)}}.dua-category.active small{color:rgba(255,255,255,.7)}@media (hover:hover){.dua-category:hover small{color:rgba(255,255,255,.7)}}.dua-search-section{padding:30px 22px;background:#f3ecdf}.dua-search{max-width:850px;margin:auto;display:flex;align-items:center;gap:12px;padding:7px 9px 7px 18px;border:1px solid rgba(23,75,66,.12);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 15px 40px rgba(23,75,66,.06)}.dua-search>span{color:var(--gold);font-size:23px}.dua-search input{flex:1;min-width:0;height:48px;border:0;outline:0;background:0 0;color:var(--green)}.dua-search input::placeholder{color:#929b96}#clearSearch{border:0;border-radius:12px;padding:10px 15px;background:var(--green);color:#fff;font-size:12px;font-weight:700}.dua-list-section{background:#f6f1e6}.dua-list-header{max-width:1150px;margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.dua-list-header h2{margin:8px 0 0;color:var(--green);font-size:38px;letter-spacing:-1.5px}.dua-list-header h2 strong{color:var(--gold)}.dua-count{padding:9px 14px;border-radius:100px;background:rgba(181,138,58,.1);color:#9b722d;font-size:12px;font-weight:800}.dua-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.dua-card{position:relative;padding:28px;border:1px solid rgba(23,75,66,.09);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,242,231,.9));box-shadow:0 15px 45px rgba(23,75,66,.07);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.dua-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#b58a3a,transparent);opacity:.7}@media (hover:hover){.dua-card:hover{transform:translateY(-7px);border-color:rgba(181,138,58,.3);box-shadow:0 25px 60px rgba(23,75,66,.13)}}.dua-card-top{display:flex;justify-content:space-between;align-items:center}.dua-tag{padding:6px 10px;border-radius:100px;background:rgba(23,75,66,.08);color:var(--green);font-size:12px;font-weight:800}.bookmark-btn{width:38px;height:38px;border:0;border-radius:12px;background:rgba(181,138,58,.08);color:var(--gold);font-size:21px;transition:transform .25s ease,background .25s ease}@media (hover:hover){.bookmark-btn:hover{transform:scale(1.1);background:rgba(181,138,58,.18)}}.dua-card h3{margin:20px 0 16px;color:var(--green);font-size:21px}.arabic-dua{padding:22px;margin-bottom:18px;border-radius:18px;background:linear-gradient(145deg,#174b42,#07352d);color:#f7e9c7;text-align:center;font-family:"Amiri",serif;font-size:29px;line-height:1.8;direction:rtl;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 15px 30px rgba(7,53,45,.13)}.dua-meaning{color:var(--muted);line-height:1.7;font-size:14px}.dua-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(23,75,66,.08)}.dua-card-bottom small{color:#858f8b;font-size:12px}.listen-btn{border:1px solid rgba(181,138,58,.25);border-radius:12px;padding:9px 13px;background:rgba(181,138,58,.08);color:var(--green);font-size:12px;font-weight:700}.daily-dua-section{background:#eee5d5}.daily-dua-box{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:45px;border:1px solid rgba(181,138,58,.3);border-radius:30px;background:linear-gradient(145deg,#174b42,#06352d);color:#fff;box-shadow:0 30px 70px rgba(7,53,45,.18);overflow:hidden}.daily-dua-content>span{color:var(--gold-light);font-size:12px;font-weight:900;letter-spacing:3px}.daily-dua-content h2{margin:14px 0;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-2px}.daily-dua-content h2 strong{color:var(--gold-light)}.daily-dua-content p{color:rgba(255,255,255,.68);line-height:1.7}#newDuaBtn{margin-top:15px;padding:13px 18px;border:1px solid rgba(216,188,120,.5);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;font-weight:700}.daily-dua-display{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;border:1px solid rgba(216,188,120,.25);border-radius:22px;background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}#dailyArabic{color:#f6dfaa;font-family:"Amiri",serif;font-size:35px;direction:rtl;line-height:1.8}#dailyMeaning{color:rgba(255,255,255,.78);line-height:1.6}#dailySource{color:var(--gold-light)}.duas-cta{margin:30px auto;max-width:1150px;border-radius:30px;text-align:center;background:linear-gradient(145deg,#f8f3e9,#e9deca);border:1px solid rgba(181,138,58,.18)}.duas-cta h2{margin:12px 0;color:var(--green);font-size:clamp(38px,5vw,58px);letter-spacing:-2px}.duas-cta h2 strong{color:var(--gold)}.duas-cta p{color:var(--muted)}.duas-cta a{display:inline-flex;margin-top:18px;padding:14px 20px;border-radius:14px;background:var(--green);color:#fff;font-weight:800;box-shadow:0 15px 30px rgba(7,53,45,.18)}.duas-footer{padding:45px 25px 25px;text-align:center;background:#03251f;color:#fff}.footer-brand strong{color:var(--gold-light);font-size:20px}.footer-brand p{color:rgba(255,255,255,.55)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:25px 0}.footer-links a{color:rgba(255,255,255,.7);font-size:13px;transition:color .25s ease}@media (hover:hover){.footer-links a:hover{color:var(--gold-light)}}.footer-copy{margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);font-size:12px}.dua-modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,37,31,.72);backdrop-filter:blur(12px);z-index:9999}.dua-modal-overlay.show{display:flex}.dua-modal{position:relative;width:min(560px,100%);padding:35px;border-radius:28px;background:#f8f2e6;box-shadow:0 35px 100px rgba(0,0,0,.3);text-align:center}.modal-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:12px;background:rgba(23,75,66,.08);color:var(--green);font-size:24px}#modalTag{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:2px}#modalTitle{color:var(--green)}.modal-arabic{padding:22px;margin:20px 0;border-radius:18px;background:var(--green);color:#f6dfaa;font-family:"Amiri",serif;font-size:30px;direction:rtl}#modalMeaning{color:var(--muted);line-height:1.7}#modalSource{color:var(--gold)}.modal-action{margin-top:20px;padding:13px 20px;border:0;border-radius:13px;background:var(--green);color:#fff;font-weight:700}@media (max-width:1000px){.duas-hero{grid-template-columns:1fr;text-align:center;padding-top:60px}.duas-hero-content{margin:auto}.duas-hero-content p{margin:auto}.duas-hero-buttons,.duas-hero-actions{justify-content:center}.dua-visual-area{height:480px}.dua-category-grid{grid-template-columns:repeat(2,1fr)}.dua-intro-grid{grid-template-columns:1fr}}@media (max-width:650px){.duas-hero{min-height:auto;padding:48px 18px 25px}.duas-hero-content h1{font-size:44px;letter-spacing:-2.5px}.duas-hero-content p{font-size:14px}.duas-hero-buttons,.duas-hero-actions{flex-direction:column;align-items:stretch}.primary-dua-btn,.secondary-dua-btn,.dua-main-btn,.dua-secondary-btn{width:100%}.dua-visual-area{height:410px}.dua-hands{width:320px;height:320px}.dua-arabic{top:45px;font-size:28px}.dua-crescent{right:5px;top:30px;font-size:48px}.dua-caption{bottom:0;width:270px}.dua-category-grid{grid-template-columns:1fr}.dua-grid{grid-template-columns:1fr}.dua-list-header{align-items:flex-start;flex-direction:column}.daily-dua-box{grid-template-columns:1fr;padding:28px 20px}.daily-dua-display{min-height:200px}#dailyArabic{font-size:29px}.section-space{padding:65px 18px}}@media (max-width:400px){.duas-hero-content h1{font-size:38px}.dua-visual-area{height:380px}.dua-hands{width:285px;height:285px}.dua-caption strong{font-size:15px}.arabic-dua{font-size:24px}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}