:root{--stat-ink:#1f3d36;--stat-sand:#f6f1e7;--stat-gold:#c9933a;--stat-green:#2f7d63;--stat-bg:#fff;--stat-text-muted:#64748b;--stat-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--stat-shadow-hover:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}.statistics__section{background-color:#f8fafc;justify-content:center;padding:80px 20px;font-family:Cairo,sans-serif;display:flex;overflow:hidden}.statistics__container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}.statistics__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;width:100%;margin-top:48px;display:grid}.stat-card{background-color:var(--stat-ink);color:var(--stat-sand);box-shadow:var(--stat-shadow);opacity:0;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.8s ease-out forwards fadeInUp;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";border:2px dashed var(--stat-gold);opacity:.25;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;left:-60px}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:hover{box-shadow:var(--stat-shadow-hover);transform:translateY(-8px)}.stat-number{color:var(--stat-gold);margin-bottom:12px;font-size:3.5rem;font-weight:800;line-height:1.1;position:relative}.stat-label{color:var(--stat-sand);opacity:.85;letter-spacing:.5px;font-size:1.1rem;font-weight:600;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.statistics__section{padding:50px 16px}.statistics__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:32px}.stat-card{padding:30px 16px}.stat-number{font-size:2.5rem}.stat-label{font-size:.95rem}}
.how__it__works__section{--hiw-ink:#1f3d36;--hiw-green:#2f7d63;--hiw-sand:#f6f1e7;--hiw-gold:#c9933a;color:#3c3a3a;padding:176px 60px 96px;font-family:Cairo,sans-serif}.how__it__works__section .section__header{text-align:center;max-width:731px;margin:0 auto 56px}.how__it__works__section .section__header h2{color:var(--hiw-ink);margin:0 0 12px;font-size:40px;font-weight:800}.how__it__works__section .section__header h2 em{color:var(--hiw-gold);font-style:normal}.how__it__works__section .section__header p{margin:0;line-height:1.9}.how__it__works__section .journey{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;max-width:1200px;margin:0 auto;display:grid;position:relative}.how__it__works__section .half{border-radius:32px;padding:40px 32px;position:relative;overflow:hidden}.how__it__works__section .half.receive{background:var(--hiw-sand);border-top-left-radius:0;border-bottom-left-radius:0}.how__it__works__section .half.distribute{background:var(--hiw-ink);color:#f6f1e7;border-top-right-radius:0;border-bottom-right-radius:0}.how__it__works__section .half__label{letter-spacing:.5px;color:var(--hiw-green);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;font-weight:700;display:inline-flex}.how__it__works__section .half.distribute .half__label{color:var(--hiw-gold)}.how__it__works__section .half__label:before{content:"";background:currentColor;width:28px;height:2px}.how__it__works__section .half h3{margin:0 0 32px;font-size:26px;font-weight:800}.how__it__works__section .steps{flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;display:flex}.how__it__works__section .step{opacity:0;align-items:flex-start;gap:18px;animation:.7s forwards hiw-rise;display:flex;transform:translateY(16px)}.how__it__works__section .step:nth-child(2){animation-delay:.15s}.how__it__works__section .step:nth-child(3){animation-delay:.3s}.how__it__works__section .half.distribute .step{animation-delay:.45s}.how__it__works__section .half.distribute .step:nth-child(2){animation-delay:.6s}.how__it__works__section .half.distribute .step:nth-child(3){animation-delay:.75s}.how__it__works__section .step__number{color:#0000;-webkit-text-stroke:1.5px var(--hiw-green);flex-shrink:0;min-width:64px;font-size:56px;font-weight:800;line-height:.9;transition:color .3s}.how__it__works__section .half.distribute .step__number{-webkit-text-stroke-color:var(--hiw-gold)}.how__it__works__section .step:hover .step__number{color:var(--hiw-green)}.how__it__works__section .half.distribute .step:hover .step__number{color:var(--hiw-gold)}.how__it__works__section .step h4{margin:4px 0;font-size:18px;font-weight:700}.how__it__works__section .step p{opacity:.8;margin:0;font-size:15px;line-height:1.8}.how__it__works__section .hub{background:linear-gradient(90deg, var(--hiw-ink) 50%, var(--hiw-sand) 50%);justify-content:center;align-items:center;width:120px;display:flex;position:relative}.how__it__works__section .hub__circle{border:3px solid var(--hiw-gold);text-align:center;width:104px;height:104px;color:var(--hiw-ink);z-index:1;background:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:800;line-height:1.4;animation:2.6s ease-in-out infinite hiw-pulse;display:grid;box-shadow:0 0 0 10px #c9933a26}.how__it__works__section .hub__circle small{color:var(--hiw-green);font-size:11px;font-weight:600;display:block}.how__it__works__section .hub:before{content:"";border-top:2px dashed var(--hiw-gold);position:absolute;top:50%;left:0;right:0}@keyframes hiw-rise{to{opacity:1;transform:translateY(0)}}@keyframes hiw-pulse{0%,to{box-shadow:0 0 0 8px #c9933a26}50%{box-shadow:0 0 0 18px #c9933a0d}}@media (max-width:991px){.how__it__works__section .journey{grid-template-columns:1fr}.how__it__works__section .half.receive,.how__it__works__section .half.distribute{border-radius:32px}.how__it__works__section .half.receive{border-bottom-right-radius:0;border-bottom-left-radius:0}.how__it__works__section .half.distribute{border-top-left-radius:0;border-top-right-radius:0}.how__it__works__section .hub{background:linear-gradient(180deg, var(--hiw-sand) 50%, var(--hiw-ink) 50%);width:100%;height:120px}.how__it__works__section .hub:before{border-top:0;border-left:2px dashed var(--hiw-gold);inset:0 auto 0 50%}}@media (max-width:767px){.how__it__works__section{padding:180px 20px}.how__it__works__section .section__header h2{font-size:28px}.how__it__works__section .half{padding:32px 20px}.how__it__works__section .step__number{min-width:52px;font-size:44px}}.how__it__works__section .language__selector{justify-content:flex-end;align-items:center;gap:12px;max-width:1200px;margin:-64px auto 40px;font-size:14px;display:flex}.how__it__works__section .language__selector select{font:inherit;color:var(--hiw-ink);background:var(--hiw-sand);border:1px solid var(--hiw-green);border-radius:8px;padding:8px 12px}.how__it__works__section[dir=ltr] .half.receive{border-radius:32px 0 0 32px}.how__it__works__section[dir=ltr] .half.distribute{border-radius:0 32px 32px 0}.how__it__works__section[dir=ltr] .hub{background:linear-gradient(90deg, var(--hiw-sand) 50%, var(--hiw-ink) 50%)}@media (max-width:991px){.how__it__works__section[dir=ltr] .half.receive{border-radius:32px 32px 0 0}.how__it__works__section[dir=ltr] .half.distribute{border-radius:0 0 32px 32px}.how__it__works__section[dir=ltr] .hub{background:linear-gradient(180deg, var(--hiw-sand) 50%, var(--hiw-ink) 50%)}}
.zakat__calculator__section{--zk-ink:#1f3d36;--zk-green:#2f7d63;--zk-sand:#f6f1e7;--zk-gold:#c9933a;color:#3c3a3a;padding:176px 60px 96px;font-family:Cairo,sans-serif}.zakat__calculator__section .section__header{text-align:center;max-width:731px;margin:0 auto}.zakat__calculator__section .section__header h2{color:var(--zk-ink);margin:0 0 12px;font-size:40px;font-weight:800}.zakat__calculator__section .section__header h2 em{color:var(--zk-gold);font-style:normal}.zakat__calculator__section .section__header p{margin:0;line-height:1.9}.zakat__calculator__section .content{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1144px;margin:32px auto 0;display:flex}.zakat__calculator__section .zakat__form{background:var(--zk-sand);border-radius:32px;flex:1.4;grid-template-columns:1fr 1fr;gap:16px;min-width:300px;padding:32px;display:grid}.zakat__calculator__section .field{background:#fff;border:2px solid #0000;border-radius:20px;flex-direction:column;gap:2px;padding:16px 18px;transition:border-color .2s;display:flex}.zakat__calculator__section .field:focus-within{border-color:var(--zk-green)}.zakat__calculator__section .field.gold__price{background:var(--zk-ink);color:var(--zk-sand);grid-column:1/-1}.zakat__calculator__section .field.gold__price:focus-within{border-color:var(--zk-gold)}.zakat__calculator__section .field.minus .field__title:before{content:"− ";color:#b5523b}.zakat__calculator__section .field__title{font-size:16px;font-weight:700}.zakat__calculator__section .field__hint{opacity:.65;font-size:13px}.zakat__calculator__section .field input{color:inherit;text-align:right;direction:ltr;background:0 0;border:0;outline:0;width:100%;margin-top:8px;font-family:inherit;font-size:26px;font-weight:800}.zakat__calculator__section .field input::placeholder{color:currentColor;opacity:.25}.zakat__calculator__section .zakat__result{background:var(--zk-ink);min-width:280px;color:var(--zk-sand);border-radius:32px;flex-direction:column;flex:1;padding:32px;display:flex;position:relative;overflow:hidden}.zakat__calculator__section .zakat__result:after{content:"";border:2px dashed var(--zk-gold);opacity:.25;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;left:-80px}.zakat__calculator__section .result__label{color:var(--zk-gold);font-size:14px;font-weight:700}.zakat__calculator__section .result__amount{margin:8px 0 24px;font-size:56px;font-weight:800;line-height:1.2;transition:color .3s}.zakat__calculator__section .zakat__result.is__due .result__amount{color:var(--zk-gold)}.zakat__calculator__section .result__details{margin:0;padding:0;list-style:none}.zakat__calculator__section .result__details li{border-bottom:1px dashed #f6f1e733;justify-content:space-between;padding:12px 0;font-size:15px;display:flex}.zakat__calculator__section .result__note{opacity:.8;margin:20px 0;font-size:14px;line-height:1.8}.zakat__calculator__section .result__btn{text-align:center;background:var(--zk-gold);color:var(--zk-ink);border-radius:999px;margin-top:auto;padding:14px;font-weight:800;text-decoration:none;transition:transform .2s;display:block}.zakat__calculator__section .result__btn:hover{transform:translateY(-2px)}@media (max-width:767px){.zakat__calculator__section{padding:180px 20px}.zakat__calculator__section .section__header h2{font-size:28px}.zakat__calculator__section .zakat__form{grid-template-columns:1fr;padding:20px}.zakat__calculator__section .result__amount{font-size:44px}}.zakat__calculator__section[dir=ltr] .field input{text-align:left}.zakat__calculator__section .result__details li{gap:12px}.zakat__calculator__section .result__details b{text-align:end}.zakat__calculator__section .result__amount{overflow-wrap:anywhere}@media (max-width:767px){.zakat__calculator__section .zakat__form,.zakat__calculator__section .zakat__result{flex-basis:100%;min-width:0}}