:root{--g900:#0d2818;--g800:#1b4332;--g700:#2d6a4f;--g600:#40916c;--g500:#52b788;--g400:#74c69d;--g300:#95d5b2;--g200:#b7e4c7;--g100:#d8f3dc;--g50:#f0fdf4;--au600:#a67c3c;--au500:#c9a961;--au400:#e6c988;--au200:#f4e4bc;--cream:#fafaf7;--paper:#fff;--i900:#0f1f17;--i800:#1a2e23;--i700:#2c3e35;--i500:#5a6b62;--i400:#8a9691;--i300:#b8bfbb;--i200:#e3e7e5;--i100:#f2f4f3;--r-s:14px;--r-m:22px;--r-l:32px;--r-xl:40px;--r-pill:999px;--sh-sm:0 2px 8px rgba(13,40,24,.05);--sh-md:0 8px 24px rgba(13,40,24,.07);--sh-lg:0 24px 56px rgba(13,40,24,.10);--f-d:'Reem Kufi','Amiri',serif;--f-q:'Amiri','Noto Naskh Arabic',serif;--f-b:'Cairo',system-ui,sans-serif;--f-l:'Inter',system-ui,sans-serif;--e:cubic-bezier(.22,1,.36,1);--eb:cubic-bezier(.34,1.56,.64,1)}
[data-theme="dark"]{--cream:#080d0a;--paper:rgba(24,34,27,.72);--i900:#f5f7f6;--i800:#e8ede9;--i700:#cdd5cf;--i500:#9aa89f;--i400:#6b7a71;--i300:#3d4a42;--i200:#253029;--i100:#161d18;--sh-lg:0 24px 56px rgba(0,0,0,.5);--sh-md:0 8px 24px rgba(0,0,0,.35);--sh-sm:0 2px 8px rgba(0,0,0,.25)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f-b);background:var(--cream);color:var(--i800);line-height:1.75;min-height:100vh;overflow-x:hidden;transition:background .6s var(--e),color .6s var(--e);position:relative}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 15% 0%,rgba(82,183,136,.18) 0%,transparent 60%),radial-gradient(50% 40% at 90% 20%,rgba(201,169,97,.10) 0%,transparent 60%),radial-gradient(70% 50% at 50% 110%,rgba(45,106,79,.12) 0%,transparent 65%)}
[data-theme="dark"] body::before{background:radial-gradient(60% 40% at 15% 0%,rgba(82,183,136,.14) 0%,transparent 60%),radial-gradient(50% 40% at 90% 20%,rgba(201,169,97,.08) 0%,transparent 60%),radial-gradient(70% 50% at 50% 110%,rgba(45,106,79,.15) 0%,transparent 65%)}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%232d6a4f' stroke-width='1'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 8 L72 40 L40 72 L8 40 Z'/%3E%3Cpath d='M40 0 L40 80 M0 40 L80 40'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='40' cy='40' r='30'/%3E%3C/g%3E%3C/svg%3E")}
[data-theme="dark"] body::after{opacity:.05;filter:invert(1)}
.lang-bar{position:fixed;top:1rem;right:1rem;z-index:100}.lang-select{padding:.7rem 1rem .7rem 2.2rem;background:var(--paper);border:1px solid var(--i200);border-radius:var(--r-pill);font-family:var(--f-b);font-size:.9rem;font-weight:600;color:var(--i800);cursor:pointer;backdrop-filter:blur(12px);box-shadow:var(--sh-md);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2352b788' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;transition:all .3s var(--e)}
.lang-select:hover{border-color:var(--g400);box-shadow:0 8px 20px rgba(82,183,136,.2)}
.theme-toggle{position:fixed;top:1rem;left:1rem;width:46px;height:46px;border-radius:50%;background:var(--paper);border:1px solid var(--i200);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .4s var(--e);box-shadow:var(--sh-md);backdrop-filter:blur(12px);color:var(--i700)}
.theme-toggle:hover{transform:rotate(25deg) scale(1.08);border-color:var(--g400);color:var(--g600)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun{display:none}[data-theme="dark"] .theme-toggle .sun{display:block}[data-theme="dark"] .theme-toggle .moon{display:none}
.container{max-width:840px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem) 6rem;position:relative;z-index:2}
.header{text-align:center;padding:2rem 0 3rem;animation:fadeDown 1s var(--e) both}
.bismillah{font-family:var(--f-q);font-size:clamp(1.4rem,4vw,1.9rem);color:var(--g700);opacity:.85;letter-spacing:.02em;margin-bottom:.5rem}[data-theme="dark"] .bismillah{color:var(--g400)}
.bismillah-sub{font-family:var(--f-l);font-size:.7rem;letter-spacing:.32em;color:var(--i400);text-transform:uppercase;direction:ltr}
.card{background:var(--paper);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-xl);padding:clamp(1.8rem,5vw,3.2rem);box-shadow:var(--sh-lg);margin-bottom:2rem;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .9s var(--e),transform .9s var(--e),background .6s var(--e);isolation:isolate}
[data-theme="dark"] .card{border-color:rgba(82,183,136,.12)}.card.revealed{opacity:1;transform:translateY(0)}
.card::before{content:'';position:absolute;top:-2px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--g400),var(--au400),var(--g400),transparent);opacity:.6;border-radius:2px}
.card-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-l);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g700);background:var(--g50);padding:.5rem 1rem;border-radius:var(--r-pill);margin-bottom:1.5rem;border:1px solid rgba(82,183,136,.2)}
[data-theme="dark"] .card-tag{color:var(--g300);background:rgba(82,183,136,.10);border-color:rgba(82,183,136,.18)}
.card-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--g500);box-shadow:0 0 8px var(--g500);animation:pulse 2s ease-in-out infinite}
.card-title{font-family:var(--f-d);font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:700;color:var(--i900);line-height:1.3;margin-bottom:.4rem;letter-spacing:-.01em}
.card-title-en{font-family:var(--f-l);font-size:.95rem;color:var(--i400);font-weight:400;direction:ltr;margin-bottom:1.5rem}[dir="rtl"] .card-title-en{text-align:right}
.card-text{font-size:1.05rem;color:var(--i700);line-height:1.95;margin-bottom:1.2rem}.card-text strong{color:var(--g700);font-weight:700}[data-theme="dark"] .card-text strong{color:var(--g400)}
.welcome-icon{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,var(--g100),var(--g200));display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--g700);box-shadow:0 8px 20px rgba(82,183,136,.25);transition:transform .5s var(--eb)}.welcome-icon:hover{transform:rotate(-6deg) scale(1.05)}.welcome-icon svg{width:36px;height:36px}
.ayah-box{background:linear-gradient(135deg,var(--g50),rgba(201,169,97,.06));border-right:4px solid var(--g500);border-radius:var(--r-m);padding:1.5rem 1.5rem 1.5rem 1.8rem;margin:1.5rem 0}
[dir="ltr"] .ayah-box{border-right:none;border-left:4px solid var(--g500);padding:1.5rem 1.8rem 1.5rem 1.5rem}[data-theme="dark"] .ayah-box{background:linear-gradient(135deg,rgba(82,183,136,.08),rgba(201,169,97,.04))}
.ayah-text{font-family:var(--f-q);font-size:clamp(1.15rem,3vw,1.35rem);color:var(--g800);line-height:2;margin-bottom:.6rem;font-weight:400}[data-theme="dark"] .ayah-text{color:var(--g200)}
.ayah-ref{font-family:var(--f-l);font-size:.75rem;color:var(--au600);letter-spacing:.1em;font-weight:500;direction:ltr;text-align:right}[data-theme="dark"] .ayah-ref{color:var(--au400)}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1.5rem 0}
.pillar{background:var(--i100);border-radius:var(--r-m);padding:1.1rem 1rem;text-align:center;border:1px solid transparent;transition:all .3s var(--e)}[data-theme="dark"] .pillar{background:rgba(82,183,136,.06)}.pillar:hover{border-color:var(--g300);transform:translateY(-3px)}
.pillar .num{font-family:var(--f-d);font-size:1.6rem;color:var(--au500);font-weight:700;line-height:1}.pillar .name{font-family:var(--f-d);font-size:1rem;color:var(--i800);margin-top:.4rem;font-weight:600}.pillar .desc{font-size:.78rem;color:var(--i500);margin-top:.2rem}
.shahada-card{background:linear-gradient(160deg,var(--g800) 0%,var(--g700) 50%,var(--g900) 100%);color:#fff;padding:clamp(2rem,6vw,3.5rem);border-color:rgba(255,255,255,.1)}
.shahada-card::before{background:linear-gradient(90deg,transparent,var(--au400),var(--au500),var(--au400),transparent);opacity:.9;height:3px}
.shahada-card .card-tag{background:rgba(255,255,255,.12);color:var(--au200);border-color:rgba(255,255,255,.15)}.shahada-card .card-tag .dot{background:var(--au400);box-shadow:0 0 8px var(--au400)}
.shahada-card .card-title{color:#fff}.shahada-card .card-title-en{color:rgba(255,255,255,.55)}.shahada-card .card-text{color:rgba(255,255,255,.85)}.shahada-card .card-text strong{color:var(--au300)}
.shahada-display{min-height:140px;display:flex;align-items:center;justify-content:center;padding:1.5rem 0;transition:opacity .35s var(--e),transform .35s var(--e)}.shahada-display.fading{opacity:0;transform:scale(.96)}
.shahada-main-text{font-family:var(--f-q);font-size:clamp(1.35rem,4.5vw,2.2rem);font-weight:700;line-height:1.9;color:#fff;text-align:center;letter-spacing:.01em;text-shadow:0 4px 24px rgba(0,0,0,.3);background:linear-gradient(180deg,#fff 0%,var(--au200) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.shahada-main-text.non-ar{font-family:var(--f-b);font-size:clamp(1.1rem,3.5vw,1.7rem);line-height:1.7}
.shahada-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;opacity:.5}.shahada-divider::before,.shahada-divider::after{content:'';height:1px;flex:1;max-width:100px;background:linear-gradient(90deg,transparent,var(--au400),transparent)}.shahada-divider span{color:var(--au400);font-size:1.2rem}
.transliteration{text-align:center;font-family:var(--f-l);font-size:clamp(.85rem,2.2vw,1rem);color:var(--au200);font-style:italic;line-height:1.7;direction:ltr;margin-bottom:.8rem}
.translation{text-align:center;font-family:var(--f-l);font-size:clamp(.85rem,2.2vw,1rem);color:rgba(255,255,255,.72);line-height:1.7;direction:ltr;margin-bottom:2rem}
.audio-controls{display:flex;flex-direction:column;gap:.8rem;align-items:center;margin-top:1rem}
.audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;padding:1rem 2rem;background:rgba(255,255,255,.10);border:1.5px solid rgba(255,255,255,.22);border-radius:var(--r-pill);color:#fff;font-family:var(--f-b);font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s var(--e);backdrop-filter:blur(12px)}
.audio-btn:hover{background:rgba(255,255,255,.16);border-color:var(--au400);transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,169,97,.3)}.audio-btn:active{transform:translateY(0) scale(.98)}.audio-btn svg{width:20px;height:20px}
.audio-btn.playing{background:rgba(201,169,97,.25);border-color:var(--au400)}.audio-btn.playing .audio-icon-static{display:none}.audio-btn .audio-icon-playing{display:none}.audio-btn.playing .audio-icon-playing{display:flex}
.eq{display:flex;align-items:flex-end;gap:3px;height:18px}.eq span{width:3px;background:var(--au400);border-radius:2px;animation:eqBar .9s ease-in-out infinite}.eq span:nth-child(1){height:40%}.eq span:nth-child(2){height:90%;animation-delay:.15s}.eq span:nth-child(3){height:60%;animation-delay:.3s}.eq span:nth-child(4){height:100%;animation-delay:.1s}.eq span:nth-child(5){height:50%;animation-delay:.25s}
.voice-row{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.75);font-size:.85rem}
.voice-select{padding:.5rem .9rem;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-pill);color:#fff;font-family:var(--f-b);font-size:.82rem;cursor:pointer;max-width:260px}.voice-select option{background:var(--g800);color:#fff}
.celebration-card{text-align:center;padding:clamp(2rem,6vw,3.5rem)}
.shahada-cta{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:1.35rem 2.8rem;background:linear-gradient(135deg,var(--g600),var(--g700));color:#fff;font-family:var(--f-b);font-size:clamp(1rem,2.6vw,1.15rem);font-weight:700;border:none;border-radius:var(--r-pill);cursor:pointer;box-shadow:0 16px 40px rgba(45,106,79,.35),inset 0 1px 0 rgba(255,255,255,.15);transition:all .4s var(--e);position:relative;overflow:hidden;margin:1rem 0 1.5rem;width:100%;max-width:520px}
.shahada-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--g500),var(--g600));opacity:0;transition:opacity .4s var(--e)}.shahada-cta:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(45,106,79,.45)}.shahada-cta:hover::before{opacity:1}.shahada-cta>*{position:relative;z-index:1}.shahada-cta svg{width:22px;height:22px;transition:transform .4s var(--eb)}.shahada-cta:hover svg{transform:scale(1.15) rotate(-8deg)}
.shahada-cta.done{background:linear-gradient(135deg,var(--au500),var(--au600));box-shadow:0 16px 40px rgba(201,169,97,.35)}
.cta-sub{font-family:var(--f-l);font-size:.8rem;color:var(--i400);direction:ltr;margin-bottom:2rem}
.counter-block{padding-top:2rem;border-top:1px dashed var(--i200);margin-top:1rem}[data-theme="dark"] .counter-block{border-top-color:var(--i300)}
.counter-label{font-family:var(--f-l);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--i400);margin-bottom:.8rem}
.counter-number{font-family:var(--f-d);font-size:clamp(2.4rem,8vw,3.6rem);font-weight:700;background:linear-gradient(135deg,var(--g600),var(--au500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-.02em;display:inline-block;font-variant-numeric:tabular-nums;direction:ltr}
.counter-sub{font-size:.85rem;color:var(--i500);margin-top:.5rem;margin-bottom:1.5rem}
.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin-top:1.5rem}
.country-pill{display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;background:var(--i100);border-radius:var(--r-s);font-size:.82rem;border:1px solid transparent;transition:all .3s var(--e)}[data-theme="dark"] .country-pill{background:rgba(82,183,136,.06)}.country-pill:hover{border-color:var(--g300);transform:translateY(-2px)}
.country-pill .flag{font-size:1.25rem;line-height:1}.country-pill .name{flex:1;color:var(--i700);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-pill .cnt{font-family:var(--f-l);font-weight:700;color:var(--g600);font-size:.85rem;direction:ltr}
.steps{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}
.step{display:flex;gap:1.2rem;padding:1.4rem;background:var(--i100);border-radius:var(--r-m);border:1px solid transparent;transition:all .4s var(--e);position:relative}
[data-theme="dark"] .step{background:rgba(82,183,136,.05)}.step:hover{transform:translateX(-6px);border-color:var(--g200);box-shadow:var(--sh-md)}[dir="ltr"] .step:hover{transform:translateX(6px)}
.step-num{flex-shrink:0;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--g500),var(--g700));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px rgba(45,106,79,.28);font-family:var(--f-d);font-size:1.3rem;font-weight:700}
.step:nth-child(2) .step-num{background:linear-gradient(135deg,var(--au500),var(--au600));box-shadow:0 6px 16px rgba(201,169,97,.28)}.step:nth-child(3) .step-num{background:linear-gradient(135deg,var(--g600),var(--g800))}.step:nth-child(4) .step-num{background:linear-gradient(135deg,var(--au600),var(--g700))}
.step-content{flex:1}.step-title{font-family:var(--f-d);font-size:1.1rem;font-weight:600;color:var(--i900);margin-bottom:.3rem}.step-desc{font-size:.92rem;color:var(--i500);line-height:1.75}
.step-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--g600);font-weight:600;margin-top:.6rem;text-decoration:none;transition:gap .3s var(--e);padding:.4rem .9rem;background:var(--g50);border-radius:var(--r-pill)}[data-theme="dark"] .step-link{background:rgba(82,183,136,.1)}.step-link:hover{gap:.7rem;background:var(--g100)}.step-link svg{width:14px;height:14px}
.quran-cta{display:block;text-decoration:none;background:linear-gradient(135deg,var(--g800),var(--g700));border-radius:var(--r-l);padding:clamp(1.6rem,4vw,2.4rem);margin-top:1.5rem;color:#fff;position:relative;overflow:hidden;transition:transform .4s var(--e)}
.quran-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(201,169,97,.25),transparent 60%);opacity:0;transition:opacity .5s var(--e)}.quran-cta:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(45,106,79,.35)}.quran-cta:hover::before{opacity:1}
.quran-cta-inner{position:relative;z-index:1;display:flex;align-items:center;gap:1.2rem}
.quran-icon{width:60px;height:60px;border-radius:18px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(8px)}.quran-icon svg{width:30px;height:30px;color:var(--au300)}
.quran-text h3{font-family:var(--f-d);font-size:1.25rem;margin-bottom:.3rem}.quran-text p{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.6}
.footer{text-align:center;padding:3rem 1rem 1rem;color:var(--i400);font-size:.85rem;line-height:1.9;position:relative;z-index:2}
.footer-dua{font-family:var(--f-q);font-size:1.1rem;color:var(--g700);margin-bottom:.8rem}[data-theme="dark"] .footer-dua{color:var(--g400)}.footer-heart{color:var(--g500);display:inline-block;animation:heartbeat 1.8s ease-in-out infinite}
#confetti-canvas{position:fixed;inset:0;pointer-events:none;z-index:9999}
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(150%);background:linear-gradient(135deg,var(--g700),var(--g800));color:#fff;padding:1.2rem 2rem;border-radius:var(--r-pill);box-shadow:0 24px 60px rgba(13,40,24,.35);z-index:10000;font-weight:600;display:flex;align-items:center;gap:.75rem;transition:transform .6s var(--eb);max-width:90vw;border:1px solid rgba(255,255,255,.1)}.toast.show{transform:translateX(-50%) translateY(0)}.toast svg{width:20px;height:20px;flex-shrink:0}.toast-ar{font-family:var(--f-q);font-size:1.05rem}.toast-en{font-family:var(--f-l);font-size:.72rem;opacity:.8;direction:ltr}
.cert-overlay{position:fixed;inset:0;background:rgba(13,40,24,.85);backdrop-filter:blur(12px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .5s var(--e),visibility .5s;overflow-y:auto}.cert-overlay.show{opacity:1;visibility:visible}
.cert-form{background:var(--cream);border-radius:var(--r-xl);padding:clamp(1.8rem,5vw,2.8rem);max-width:480px;width:100%;box-shadow:var(--sh-lg);transform:scale(.9) translateY(20px);transition:transform .6s var(--eb);position:relative;margin:auto}.cert-overlay.show .cert-form{transform:scale(1) translateY(0)}
.cert-form-icon{width:64px;height:64px;margin:0 auto 1.2rem;background:linear-gradient(135deg,var(--g100),var(--g200));border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--g700)}.cert-form-icon svg{width:32px;height:32px}
.cert-form-title{font-family:var(--f-d);font-size:1.5rem;font-weight:700;color:var(--i900);text-align:center;margin-bottom:.4rem}.cert-form-sub{text-align:center;color:var(--i500);font-size:.9rem;margin-bottom:1.8rem;line-height:1.7}
.cert-form label{display:block;font-size:.82rem;font-weight:600;color:var(--i700);margin-bottom:.4rem;font-family:var(--f-l);letter-spacing:.03em}
.cert-form input{width:100%;padding:.9rem 1.1rem;background:#fff;border:1.5px solid var(--i200);border-radius:var(--r-s);font-family:var(--f-b);font-size:1rem;color:var(--i900);margin-bottom:1.1rem;transition:all .3s var(--e);outline:none}
[data-theme="dark"] .cert-form input{background:rgba(24,34,27,.5);color:#fff;border-color:var(--i300)}.cert-form input:focus{border-color:var(--g500);box-shadow:0 0 0 4px rgba(82,183,136,.15)}
.cert-form-actions{display:flex;gap:.7rem;margin-top:.5rem}.btn-primary{flex:1;padding:1rem;background:linear-gradient(135deg,var(--g600),var(--g700));color:#fff;border:none;border-radius:var(--r-pill);font-family:var(--f-b);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s var(--e);box-shadow:0 8px 24px rgba(45,106,79,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(45,106,79,.4)}
.btn-ghost{padding:1rem 1.4rem;background:transparent;color:var(--i500);border:1.5px solid var(--i200);border-radius:var(--r-pill);font-family:var(--f-b);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s var(--e)}.btn-ghost:hover{border-color:var(--i400);color:var(--i700)}
.certificate{background:linear-gradient(135deg,#fdfcf7 0%,#f8f4e8 100%);border-radius:var(--r-l);padding:clamp(1.6rem,5vw,2.8rem) clamp(1.2rem,4vw,2.4rem);max-width:640px;width:100%;position:relative;box-shadow:0 32px 80px rgba(0,0,0,.5);transform:scale(.85) translateY(30px);transition:transform .8s var(--eb);overflow:hidden;margin:auto}.cert-overlay.show .certificate{transform:scale(1) translateY(0)}
.certificate::before{content:'';position:absolute;inset:10px;border:1.5px solid var(--au500);border-radius:22px;pointer-events:none;opacity:.5}.certificate::after{content:'';position:absolute;inset:16px;border:1px dashed var(--au400);border-radius:18px;pointer-events:none;opacity:.4}
.cert-pattern{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%232d6a4f' stroke-width='1.5'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Ccircle cx='30' cy='30' r='15'/%3E%3Ccircle cx='30' cy='30' r='8'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.cert-inner{position:relative;z-index:1;text-align:center;color:var(--i800)}
.cert-ornament{font-family:var(--f-q);color:var(--g700);font-size:1.5rem;opacity:.6;margin-bottom:.5rem}
.cert-bismillah{font-family:var(--f-q);font-size:clamp(1.15rem,3.5vw,1.5rem);color:var(--g800);margin-bottom:1.5rem}
.cert-heading{font-family:var(--f-d);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;color:var(--g800);letter-spacing:.02em;margin-bottom:.3rem}.cert-heading-en{font-family:var(--f-l);font-size:.85rem;color:var(--au600);letter-spacing:.25em;text-transform:uppercase;margin-bottom:1.8rem;direction:ltr}
.cert-text{font-family:var(--f-q);font-size:1rem;color:var(--i700);line-height:2;margin-bottom:1rem;padding:0 1rem}
.cert-name{font-family:var(--f-q);font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:700;color:var(--g800);padding:.8rem 1.5rem;margin:1.2rem auto;display:inline-block;letter-spacing:.02em;line-height:1.4;border-bottom:2px solid var(--au500);border-top:2px solid var(--au500)}
.cert-seal{width:110px;height:110px;margin:1.8rem auto 1rem;position:relative;display:flex;align-items:center;justify-content:center}.cert-seal svg{width:100%;height:100%;position:absolute;inset:0;animation:sealRotate 40s linear infinite}
.cert-seal-text{position:relative;z-index:1;font-family:var(--f-d);font-weight:700;color:var(--g800);font-size:.85rem;line-height:1.2;text-align:center}.cert-seal-text .big{font-size:1.6rem;display:block;color:var(--au600)}
.cert-rank-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:linear-gradient(135deg,var(--au400),var(--au500));color:#fff;border-radius:var(--r-pill);font-family:var(--f-d);font-weight:700;font-size:1.2rem;margin-top:1rem;box-shadow:0 8px 20px rgba(201,169,97,.35)}
.cert-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:1.8rem;padding-top:1.5rem;border-top:1px dashed rgba(166,124,60,.35);font-size:.8rem;color:var(--i500);flex-wrap:wrap}.cert-meta-item{text-align:center;flex:1;min-width:120px}
.cert-meta-item .lbl{font-family:var(--f-l);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--au600);margin-bottom:.25rem}.cert-meta-item .val{font-family:var(--f-d);font-size:.95rem;color:var(--i800);font-weight:600;direction:ltr}.cert-meta-item .val.ar{direction:rtl;font-family:var(--f-q);font-size:1rem}
.cert-actions{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}.cert-actions button{flex:1;min-width:140px;padding:.9rem 1.2rem;font-family:var(--f-b);font-size:.9rem;font-weight:600;border-radius:var(--r-pill);cursor:pointer;transition:all .3s var(--e);border:none}
.cert-download{background:linear-gradient(135deg,var(--g600),var(--g700));color:#fff;box-shadow:0 8px 20px rgba(45,106,79,.3)}.cert-download:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(45,106,79,.4)}
.cert-close{background:transparent;color:var(--i500);border:1.5px solid var(--i200)!important}.cert-close:hover{border-color:var(--i400)!important;color:var(--i700)}
@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}
@keyframes eqBar{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes heartbeat{0%,100%{transform:scale(1)}15%,45%{transform:scale(1.18)}30%{transform:scale(.95)}}
@keyframes sealRotate{to{transform:rotate(360deg)}}
@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(4);opacity:0}}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);pointer-events:none;animation:ripple .8s var(--e)}
@media (max-width:600px){.card{border-radius:var(--r-l)}.theme-toggle{top:.8rem;left:.8rem;width:42px;height:42px}.lang-bar{top:.8rem;right:.8rem}.lang-select{font-size:.82rem;padding:.55rem .85rem .55rem 2rem}.step{padding:1.2rem;gap:1rem}.step-num{width:44px;height:44px;border-radius:14px;font-size:1.1rem}.quran-cta-inner{flex-direction:column;text-align:center}.cert-meta-item{min-width:100%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ═══ Footer Owner + Privacy ═══ */
.footer-owner{margin-top:1rem;font-family:var(--f-d);color:var(--g700);font-size:.95rem}
.footer-owner strong{color:var(--au600);font-weight:700;letter-spacing:.02em}
[data-theme="dark"] .footer-owner{color:var(--g400)}
[data-theme="dark"] .footer-owner strong{color:var(--au400)}
.footer-links{display:flex;gap:.6rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.footer-links a{color:var(--g600);text-decoration:none;font-weight:600;font-size:.85rem;padding:.5rem 1.1rem;border:1.5px solid var(--i200);border-radius:var(--r-pill);transition:all .3s var(--e);background:var(--paper)}
.footer-links a:hover{border-color:var(--g400);background:var(--g50);transform:translateY(-2px);box-shadow:0 8px 20px rgba(82,183,136,.2)}
[data-theme="dark"] .footer-links a:hover{background:rgba(82,183,136,.1)}
[data-theme="dark"] .footer-links a{background:rgba(24,34,27,.5)}

.privacy-box{max-width:840px;margin:1rem auto 3rem;padding:1.8rem 2rem;background:var(--paper);border:1px solid var(--i200);border-radius:var(--r-l);text-align:center;backdrop-filter:blur(12px);box-shadow:var(--sh-md);position:relative;z-index:2}
[data-theme="dark"] .privacy-box{border-color:rgba(82,183,136,.15)}
.privacy-icon{font-size:2rem;margin-bottom:.5rem}
.privacy-box h3{font-family:var(--f-d);font-size:1.15rem;color:var(--g700);margin-bottom:.8rem}
[data-theme="dark"] .privacy-box h3{color:var(--g400)}
.privacy-box p{font-size:.88rem;color:var(--i500);line-height:1.9}
.privacy-box strong{color:var(--g600);font-weight:700}
[data-theme="dark"] .privacy-box strong{color:var(--g300)}

/* ═══ Share Container ═══ */
.share-container{max-width:840px;margin:0 auto 2rem;padding:1.8rem 1.5rem;background:var(--paper);border:1px solid var(--i200);border-radius:var(--r-l);text-align:center;backdrop-filter:blur(20px);box-shadow:var(--sh-md);position:relative;z-index:2}
[data-theme="dark"] .share-container{border-color:rgba(82,183,136,.15)}
.share-title{font-family:var(--f-d);font-size:1.1rem;color:var(--g800);margin-bottom:1.2rem;font-weight:600}
[data-theme="dark"] .share-title{color:var(--g300)}
.share-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:var(--i100);border:1.5px solid transparent;border-radius:var(--r-pill);color:var(--i800);font-family:var(--f-b);font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s var(--e)}
[data-theme="dark"] .share-btn{background:rgba(82,183,136,.08);color:var(--i800)}
.share-btn svg{width:18px;height:18px;flex-shrink:0}
.share-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(13,40,24,.15)}
.share-btn.whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}
.share-btn.telegram:hover{background:#0088cc;color:#fff;border-color:#0088cc}
.share-btn.twitter:hover{background:#000;color:#fff;border-color:#000}
.share-btn.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.share-btn.copy:hover{background:linear-gradient(135deg,var(--g600),var(--g700));color:#fff;border-color:var(--g600)}
.share-btn.copied{background:linear-gradient(135deg,var(--au500),var(--au600));color:#fff;border-color:var(--au500)}

/* ═══ Explore Section ═══ */
.explore-section{max-width:840px;margin:0 auto 2rem;padding:1.5rem;position:relative;z-index:2}
.explore-title{font-family:var(--f-d);font-size:1.6rem;font-weight:700;color:var(--i900);text-align:center;margin-bottom:.4rem}
.explore-sub{text-align:center;color:var(--i400);font-size:.9rem;margin-bottom:1.5rem}
.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.8rem}
.explore-card{background:var(--paper);border:1px solid var(--i200);border-radius:var(--r-m);padding:1.2rem 1rem;text-decoration:none;transition:all .35s var(--e);text-align:center;position:relative;overflow:hidden}
[data-theme="dark"] .explore-card{border-color:rgba(82,183,136,.12)}
.explore-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--g400),transparent);opacity:0;transition:opacity .4s var(--e)}
.explore-card:hover{transform:translateY(-5px);border-color:var(--g400);box-shadow:0 16px 40px rgba(13,40,24,.12)}
.explore-card:hover::before{opacity:1}
.ec-icon{font-size:2rem;line-height:1;margin-bottom:.5rem}
.ec-name{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--g800);margin-bottom:.3rem}
[data-theme="dark"] .ec-name{color:var(--g300)}
.ec-desc{font-size:.75rem;color:var(--i400);line-height:1.5}