:root{--accent-color: #ffd700;--background-color: #FFFFFF;--primary-color: #019000;--secondary-color: #2aaf2d;--pattern-color: rgba(1, 144, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans Arabic,Poppins,sans-serif;background-color:var(--background-color);color:#333;line-height:1.6;position:relative;width:100%;height:100%;text-align:center;display:flex;flex-direction:column}.main-wrapper{position:fixed;height:100%;width:100%;background:linear-gradient(135deg,#ffffffbf,#01900026 50%,#00640033);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-webkit-overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);background-image:linear-gradient(45deg,transparent 48%,var(--pattern-color) 48%,var(--pattern-color) 52%,transparent 52%),linear-gradient(-45deg,transparent 48%,var(--pattern-color) 48%,var(--pattern-color) 52%,transparent 52%),linear-gradient(0deg,transparent 35%,var(--pattern-color) 35%,var(--pattern-color) 65%,transparent 65%),linear-gradient(90deg,transparent 35%,var(--pattern-color) 35%,var(--pattern-color) 65%,transparent 65%),linear-gradient(45deg,transparent 40%,var(--pattern-color) 40%,var(--pattern-color) 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--pattern-color) 40%,var(--pattern-color) 60%,transparent 60%),linear-gradient(0deg,transparent 48%,var(--pattern-color) 48%,var(--pattern-color) 52%,transparent 52%),linear-gradient(90deg,transparent 48%,var(--pattern-color) 48%,var(--pattern-color) 52%,transparent 52%);background-size:60px 60px;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;opacity:.9;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0190001a,#00640026,#2aaf2d1a);animation:gradientMove 15s ease infinite;z-index:-1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{width:100%;margin:2rem auto;padding:3rem;position:relative;overflow:visible;flex:1;min-height:min-content}.container:before{display:none}header{position:relative}h1{font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:4.2rem;color:var(--primary-color);margin-bottom:1.5rem;position:relative;text-shadow:0 0 10px rgba(1,144,0,.2),0 0 20px rgba(1,144,0,.1),0 0 30px rgba(255,215,0,.1);line-height:1.4;animation:titleGlow 3s ease-in-out infinite;font-weight:700;letter-spacing:.02em}@keyframes titleGlow{0%,to{text-shadow:0 0 10px rgba(1,144,0,.2),0 0 20px rgba(1,144,0,.1),0 0 30px rgba(255,215,0,.1)}50%{text-shadow:0 0 15px rgba(1,144,0,.3),0 0 25px rgba(1,144,0,.2),0 0 35px rgba(255,215,0,.2)}}h1:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:5px;background:linear-gradient(90deg,transparent,var(--accent-color),var(--primary-color),var(--accent-color),transparent);animation:borderPulse 2s ease-in-out infinite}@keyframes borderPulse{0%,to{opacity:.5;width:200px}50%{opacity:1;width:300px}}.tagline{font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:1.4rem;color:var(--secondary-color);margin-bottom:2.5rem;font-weight:400;text-shadow:0 0 10px rgba(42,175,45,.2);animation:taglineGlow 3s ease-in-out infinite alternate;line-height:1.6;letter-spacing:.01em}@keyframes taglineGlow{0%{text-shadow:0 0 10px rgba(42,175,45,.2)}to{text-shadow:0 0 15px rgba(42,175,45,.4)}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0 4rem}.content{max-width:1200px;position:relative;margin:0 auto}h2{font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:2.8rem;color:var(--primary-color);margin-bottom:1.5rem;line-height:1.4;text-shadow:0 0 10px rgba(1,144,0,.15),0 0 20px rgba(255,215,0,.1);font-weight:700;letter-spacing:.02em}p{margin:0 auto;max-width:500px;font-size:1.1rem;line-height:1.8}.subscribe-form,.subscribe-form-bottom{margin-top:3rem;position:relative;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.value-cards{margin-top:5rem;width:100%}.value-cards h2{margin-bottom:1rem;font-size:2.4rem}.section-subtitle{color:var(--secondary-color);font-size:1.2rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem auto;max-width:1200px;padding:0 1rem}@media (min-width: 1200px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.card{background:linear-gradient(135deg,#ffffffb3,#fff6);border-radius:15px;padding:2rem;position:relative;transition:all .3s ease;overflow:hidden;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0190000d,inset 0 0 15px #ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#0190000d,#ffffff1a);opacity:0;transition:opacity .3s ease;z-index:1;border-radius:15px}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0190001a,inset 0 0 20px #fff9;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#fffc,#ffffff80)}.card-icon{font-size:2.5rem;margin-bottom:1.5rem;position:relative;z-index:2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 2px 4px rgba(1,144,0,.2))}.card h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:1rem;font-family:Noto Nastaliq Urdu,Amiri,serif;position:relative;z-index:2;font-weight:700}.card p{color:#444;font-size:1rem;line-height:1.6;position:relative;z-index:2;margin:0;max-width:none}.input-group,.input-group-bottom{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;align-items:center;width:100%}.input-group input,.input-group-bottom input{padding:10px 15px;font-size:14px;width:280px;border:2px solid rgba(1,144,0,.2);border-radius:12px;font-family:Noto Sans Arabic,Poppins,sans-serif;outline:none;transition:all .3s ease;background:#fffffff2;text-align:center}.input-group input:focus,.input-group-bottom input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 15px #ffd7001a}.input-group button,.input-group-bottom button{padding:10px 20px;font-size:14px;width:280px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:12px;font-weight:600;font-family:Noto Sans Arabic,Poppins,sans-serif;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;letter-spacing:.02em}.input-group button:hover,.input-group-bottom button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #01900033,0 2px 5px #0190001a,0 0 20px #01900033;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.input-group button:after,.input-group-bottom button:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.input-group button:hover:after,.input-group-bottom button:hover:after{opacity:.5}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:500;opacity:0;z-index:1000;text-align:center;max-width:90%;width:auto;pointer-events:none;transition:opacity .4s ease}@keyframes messageSlideDown{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.message.success{color:var(--primary-color);background:#fffffffa;border:2px solid var(--primary-color);box-shadow:0 4px 15px #01900026,0 2px 5px #0190001a;animation:messageSlideDown .5s ease forwards,messageGlow 2s ease-in-out infinite}.message.error{color:#f44;background:#fffffffa;border:2px solid #ff4444;box-shadow:0 4px 15px #ff444426,0 2px 5px #ff44441a;animation:messageSlideDown .5s ease forwards}@keyframes messageGlow{0%,to{box-shadow:0 4px 15px #01900026,0 2px 5px #0190001a}50%{box-shadow:0 4px 20px #01900040,0 2px 10px #01900026,0 0 15px #ffd70033}}footer{padding:3rem 0 1rem;position:relative;color:var(--primary-color)}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.2}@media (max-width: 768px){.container{margin:1rem;padding:2rem;border-radius:20px;min-height:calc(100% - 2rem)}h1{font-size:2.8rem}h2{font-size:2.2rem}.hero{padding:1rem 0}.input-group input,.input-group button,.input-group-bottom input,.input-group-bottom button{width:100%}.input-group button,.input-group-bottom button{margin-bottom:1rem}.message{max-width:100%}.main-wrapper{padding-bottom:env(safe-area-inset-bottom)}.section-subtitle{font-size:1.1rem;margin-bottom:2rem;padding:0 1rem}.cards-grid{grid-template-columns:1fr;padding:.5rem}.value-cards{margin-top:3rem}.value-cards h2{font-size:2rem;margin-bottom:2rem}.card{padding:1.5rem}.cta-bottom{margin-top:3rem;padding:1.5rem}.cta-text{font-size:1.1rem;margin-bottom:1.2rem}.cta-button{padding:12px 25px;font-size:1rem;width:100%;max-width:280px}.input-group-bottom{flex-direction:column;gap:1rem}.input-group-bottom input,.input-group-bottom button{width:100%;max-width:100%}.input-group-bottom input{text-align:center}}.cta-bottom{margin-top:4rem;text-align:center;padding:2rem;background:linear-gradient(135deg,#ffffffb3,#fff6);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0190000d;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cta-text{font-size:1.3rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:500;text-align:center;width:100%}.subscribe-form-bottom{max-width:500px;margin:0 auto;width:100%}.input-group-bottom{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;align-items:center;width:100%}.input-group-bottom input{padding:10px 15px;font-size:14px;width:280px;border:2px solid rgba(1,144,0,.2);border-radius:12px;font-family:Noto Sans Arabic,Poppins,sans-serif;outline:none;transition:all .3s ease;background:#fffffff2;text-align:center}.input-group-bottom input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 20px #ffd70026}.input-group-bottom button{padding:10px 20px;font-size:14px;width:280px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:12px;font-weight:600;font-family:Noto Sans Arabic,Poppins,sans-serif;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;letter-spacing:.02em}.input-group-bottom button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #01900033,0 2px 5px #0190001a,0 0 20px #01900033;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}