@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--color-primary:#10b981;--color-primary-dark:#059669;--color-primary-light:#d1fae5;--color-primary-glow:rgba(16,185,129,0.15);--color-secondary:#f59e0b;--color-secondary-light:#fef3c7;--color-bg-main:#ffffff;--color-bg-section:#f8fafb;--color-bg-dark:#0a0a0a;--color-bg-dark-secondary:#111111;--color-text-main:#111827;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-text-white:#ffffff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--font-family-base:"Inter",system-ui,-apple-system,sans-serif;--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.26,1.55)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--color-text-main);background-color:var(--color-bg-main);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.15;margin-bottom:1rem;letter-spacing:-.02em;color:var(--color-text-main)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0,#065f46 100%);-webkit-background-clip:text;background-clip:text}.text-gradient,.text-gradient-gold{-webkit-text-fill-color:transparent}.text-gradient-gold{background:linear-gradient(135deg,var(--color-secondary) 0,#92400e 100%);-webkit-background-clip:text;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-bounce);border:none;position:relative;overflow:hidden;letter-spacing:.02em}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 20px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 8px 30px rgba(16,185,129,.35)}.btn-dark{background:var(--color-bg-dark);color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15)}.btn-dark:hover{box-shadow:0 8px 30px rgba(0,0,0,.25);background:#1a1a1a}.btn-outline{background:transparent;color:var(--color-text-main);border:2px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.btn-white{background:#fff;color:var(--color-bg-dark);box-shadow:0 4px 20px rgba(0,0,0,.15)}.btn-white:hover{box-shadow:0 8px 30px rgba(0,0,0,.25)}.card{background:#fff;border:1px solid var(--color-border);border-radius:20px;padding:2rem;transition:var(--transition-smooth);position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.08);border-color:var(--color-primary)}.card-dark{background:var(--color-bg-dark-secondary);border:1px solid rgba(255,255,255,.1);color:#fff}.card-dark:hover{border-color:var(--color-primary);box-shadow:0 20px 40px rgba(16,185,129,.15)}.section,.section-alt{padding:6rem 0}.section-alt{background:var(--color-bg-section)}.section-dark{padding:6rem 0;background:var(--color-bg-dark);color:#fff}.section-dark h2,.section-dark h3{color:#fff}.section-green{padding:6rem 0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.section-green h2,.section-green h3,.section-green p{color:#fff}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:1rem 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-weight:900;font-size:1.25rem;letter-spacing:-.02em}.navbar-links{display:flex;align-items:center;gap:2rem;list-style:none}.navbar-links a{font-weight:500;font-size:.9rem;color:var(--color-text-muted);transition:color .3s}.navbar-links a:hover{color:var(--color-primary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-bg-dark);color:#fff;overflow:hidden;padding-top:5rem}.hero:before{content:"";position:absolute;top:-30%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,var(--color-primary-glow),transparent 60%);animation:heroGlow 8s ease-in-out infinite alternate}.hero:after{bottom:-20%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 60%);animation:heroGlow 10s ease-in-out infinite alternate-reverse}@keyframes heroGlow{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:1}}.hero h1{color:#fff}.hero p{color:rgba(255,255,255,.7)}.banner{background:linear-gradient(135deg,var(--color-primary-light),#ecfdf5);border:2px solid var(--color-primary);border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden}.banner:before{content:"☪";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.05;color:var(--color-primary-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-item h3{font-size:3rem;color:var(--color-primary);margin-bottom:.25rem}.stat-item p{color:rgba(255,255,255,.6);font-size:.9rem;font-weight:500}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto-medium{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-auto-large{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.5rem}.feature-icon-green{background:var(--color-primary-light);color:var(--color-primary-dark)}.feature-icon-gold{background:var(--color-secondary-light);color:#92400e}.feature-icon-dark{background:#1f2937;color:#fff}.badge{display:inline-block;padding:.4rem 1.25rem;border-radius:9999px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge-green{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-dark{background:var(--color-bg-dark);color:#fff}.badge-white{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.2)}.dua-card{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:2px solid var(--color-secondary);border-radius:20px;padding:3rem;text-align:center;position:relative}.dua-card .arabic{font-size:2rem;line-height:2;color:#92400e;margin-bottom:1.5rem;font-family:Amiri,serif;direction:rtl}.dua-card .translation{font-size:1.1rem;color:var(--color-text-muted);font-style:italic}.id-card-wrapper{perspective:1000px;transform-style:preserve-3d;display:inline-block}.id-card{width:100%;max-width:500px;border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.15);transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;border:2px solid var(--color-primary)}.id-card-wrapper:hover .id-card{transform:rotateY(0deg) rotateX(0deg) scale(1.02);box-shadow:0 40px 80px rgba(0,0,0,.2)}.floating{animation:float 6s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}.animate-slide-left{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.animate-slide-right{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-track{display:flex;animation:marquee 30s linear infinite;width:max-content}.marquee-item{white-space:nowrap;padding:0 3rem;font-size:1.125rem;font-weight:600;color:var(--color-text-light)}.separator{background:var(--color-primary)}.separator,.separator-white{width:60px;height:4px;border-radius:2px;margin:1rem auto}.separator-white{background:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-muted{color:var(--color-text-muted)}.text-white{color:#fff!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:3rem}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.input-group label{margin-bottom:.5rem;color:var(--color-text-muted);font-weight:500}.input-field{background:var(--color-bg-section);border:1px solid var(--color-border);padding:1rem;border-radius:12px;color:var(--color-text-main);transition:var(--transition-smooth)}.input-field:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px var(--color-primary-glow)}@media (max-width:1024px){.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.navbar-links{display:none}}@media (max-width:768px){.hero{min-height:90vh;padding-top:6rem}.hero h1{font-size:2.5rem!important}.section,.section-alt,.section-dark,.section-green{padding:4rem 0}.container{padding:0 1rem}.grid-2,.grid-3,.grid-4,.grid-auto-large,.grid-auto-medium{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item h3{font-size:2rem}h2{font-size:1.75rem!important}.btn{width:100%;margin-bottom:.5rem;padding:1rem!important}.id-card{transform:none!important;max-width:100%}.dua-card .arabic{font-size:1.5rem}.banner{padding:2rem}}@media (max-width:480px){.hero h1{font-size:2rem!important}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 20px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.pulse-glow{animation:pulse-glow 2s infinite}.card-3d{transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;perspective:1000px}.card-3d:hover{transform:translateY(-10px) rotateX(5deg) rotateY(-2deg);box-shadow:20px 20px 40px -10px rgba(16,185,129,.15)}.mesh-bg{background-color:var(--color-bg-dark);background-image:radial-gradient(at 0 0,rgba(16,185,129,.1) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.05) 0,transparent 50%)}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,var(--color-bg-dark) 100%);pointer-events:none}.glass-panel{background:rgba(255,255,255,.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.glow-text{text-shadow:0 0 20px rgba(16,185,129,.6)}.gradient-border-box{position:relative;background:var(--color-bg-section);background-clip:padding-box;border:1px solid transparent;border-radius:16px}.gradient-border-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary),rgba(255,255,255,.1))}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-bg{background:linear-gradient(-45deg,#020617,#0f172a,#064e3b,#022c22);background-size:400% 400%;animation:gradientBG 15s ease infinite}.card-hover-effect{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-hover-effect:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(16,185,129,.15);border-color:rgba(16,185,129,.4)}.btn-premium{background:linear-gradient(135deg,var(--color-primary) 0,#059669 100%);color:white;box-shadow:0 4px 15px rgba(16,185,129,.3);transition:all .3s ease;border:none}.btn-premium:hover{box-shadow:0 8px 25px rgba(16,185,129,.5);transform:translateY(-2px)}