:root{--primary:#1E3C78;--secondary:#46BEB4;--light:#E8F4F3;--white:#FFFFFF;--dark:#0D1B2A;--accent:#2A9D8F;--gold:#D4A574;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Tajawal',sans-serif;background:var(--light);color:var(--dark);line-height:1.8;overflow-x:hidden;}.cover{min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,#0D1B2A 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;}.cover::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(70,190,180,0.1) 0%,transparent 60%);animation:pulse 8s ease-in-out infinite;}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5;}50%{transform:scale(1.2);opacity:0.8;}}.cover-logo{width:200px;height:auto;margin-bottom:30px;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.3));animation:float 3s ease-in-out infinite;z-index:2;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}.cover h1{font-size:4rem;font-weight:900;color:var(--white);margin-bottom:10px;text-shadow:0 4px 20px rgba(0,0,0,0.3);z-index:2;}.cover .subtitle{font-size:1.8rem;color:var(--secondary);font-weight:500;margin-bottom:20px;z-index:2;}.cover .tagline{font-size:1.3rem;color:rgba(255,255,255,0.8);max-width:700px;z-index:2;}.cover .badge{display:inline-block;background:var(--secondary);color:var(--white);padding:10px 30px;border-radius:50px;font-weight:700;margin-top:30px;font-size:1.1rem;z-index:2;box-shadow:0 5px 20px rgba(70,190,180,0.4);}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--white);font-size:2rem;animation:bounce 2s infinite;z-index:2;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-15px);}60%{transform:translateX(-50%) translateY(-8px);}}.section{padding:80px 5%;max-width:1200px;margin:0 auto;}.section-title{font-size:2.5rem;font-weight:800;color:var(--primary);text-align:center;margin-bottom:50px;position:relative;}.section-title::after{content:'';display:block;width:80px;height:4px;background:var(--secondary);margin:15px auto 0;border-radius:2px;}.section-title.light{color:var(--white);}.section-title.light::after{background:var(--secondary);}.about-section{background:var(--white);}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}.about-text p{font-size:1.15rem;color:#444;margin-bottom:20px;text-align:justify;}.about-text .highlight{color:var(--primary);font-weight:700;}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.stat-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(30,60,120,0.2);transition:transform 0.3s;}.stat-card:hover{transform:translateY(-5px);}.stat-card .number{font-size:2.5rem;font-weight:900;display:block;}.stat-card .label{font-size:0.95rem;opacity:0.9;}.why-section{background:linear-gradient(135deg,var(--primary) 0%,#0D1B2A 100%);color:var(--white);}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}.why-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:35px 25px;text-align:center;transition:all 0.3s;}.why-card:hover{background:rgba(255,255,255,0.15);transform:translateY(-8px);}.why-card i{font-size:2.5rem;color:var(--secondary);margin-bottom:20px;display:block;}.why-card h3{font-size:1.2rem;margin-bottom:10px;font-weight:700;}.why-card p{font-size:0.95rem;opacity:0.85;line-height:1.7;}.program-section{background:var(--white);}.program-intro{text-align:center;font-size:1.2rem;color:#555;max-width:800px;margin:0 auto 50px;}.program-visual{display:flex;justify-content:center;align-items:center;gap:40px;margin:50px 0;flex-wrap:wrap;}.program-node{text-align:center;padding:30px;border-radius:20px;width:360px;height:270px;flex:0 0 360px;display:flex;flex-direction:column;align-items:center;justify-content:center;}.program-node.big{background:linear-gradient(135deg,var(--primary),#2A5298);color:var(--white);}.program-node.small{background:linear-gradient(135deg,var(--secondary),#2A9D8F);color:var(--white);}.program-node i{font-size:2.5rem;margin-bottom:15px;display:block;}.program-node h4{font-size:1.1rem;font-weight:700;}.program-arrow{font-size:2rem;color:var(--secondary);}.program-goals{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;}.goal-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:var(--light);border-radius:15px;border-right:4px solid var(--secondary);}.goal-item i{color:var(--secondary);font-size:1.5rem;margin-top:5px;}.goal-item p{font-size:1.05rem;color:#444;}.process-section{background:var(--light);}.process-timeline{position:relative;max-width:900px;margin:0 auto;}.process-timeline::before{content:'';position:absolute;top:0;bottom:0;right:50%;width:4px;background:linear-gradient(to bottom,var(--primary),var(--secondary));transform:translateX(50%);}.process-step{display:flex;align-items:center;margin-bottom:40px;position:relative;}.process-step:nth-child(odd){flex-direction:row-reverse;}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;position:absolute;right:50%;transform:translateX(50%);z-index:2;box-shadow:0 5px 20px rgba(30,60,120,0.3);}.step-content{width:45%;background:var(--white);padding:25px 30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}.step-content h4{color:var(--primary);font-size:1.2rem;margin-bottom:8px;}.step-content p{color:#666;font-size:0.95rem;}.impact-section{background:var(--white);}.impact-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:40px;}.impact-tab{padding:15px 40px;border:2px solid var(--primary);border-radius:50px;background:var(--white);color:var(--primary);font-family:'Tajawal',sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 0.3s;}.impact-tab.active{background:var(--primary);color:var(--white);}.impact-tab:hover{background:var(--primary);color:var(--white);}.impact-content{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}.impact-card{background:linear-gradient(135deg,#f8f9fa,var(--light));border-radius:20px;padding:35px 25px;text-align:center;border:1px solid rgba(70,190,180,0.2);transition:all 0.3s;}.impact-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(30,60,120,0.1);}.impact-card i{font-size:2.5rem;color:var(--secondary);margin-bottom:15px;display:block;}.impact-card h4{color:var(--primary);font-size:1.1rem;margin-bottom:10px;}.impact-card p{color:#666;font-size:0.95rem;line-height:1.7;}.story-section{background:linear-gradient(135deg,var(--primary) 0%,#0D1B2A 100%);color:var(--white);position:relative;overflow:hidden;}.story-section::before{content:'"';position:absolute;top:-50px;left:50px;font-size:300px;color:rgba(255,255,255,0.03);font-family:serif;line-height:1;}.story-card{max-width:900px;margin:0 auto;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:25px;padding:50px;position:relative;}.story-header{display:flex;align-items:center;gap:25px;margin-bottom:30px;}.story-avatar{width:100px;height:100px;background:linear-gradient(135deg,var(--secondary),#2A9D8F);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;}.story-meta h3{font-size:1.5rem;font-weight:700;margin-bottom:5px;}.story-meta .role{color:var(--secondary);font-size:1rem;}.story-body{font-size:1.15rem;line-height:2;text-align:justify;}.story-body .highlight-text{color:var(--secondary);font-weight:700;}.story-quote{margin-top:30px;padding:20px 30px;border-right:4px solid var(--secondary);background:rgba(70,190,180,0.1);border-radius:0 15px 15px 0;font-style:italic;font-size:1.1rem;}.story-before-after{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;}.before-after-card{padding:25px;border-radius:15px;}.before-after-card.before{background:rgba(255,100,100,0.1);border:1px solid rgba(255,100,100,0.2);}.before-after-card.after{background:rgba(70,190,180,0.1);border:1px solid rgba(70,190,180,0.2);}.before-after-card h5{font-size:1rem;margin-bottom:10px;display:flex;align-items:center;gap:10px;}.before-after-card.before h5{color:#ff8080;}.before-after-card.after h5{color:var(--secondary);}.achievements-section{background:var(--white);}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}.achievement-card{text-align:center;padding:40px 25px;background:linear-gradient(135deg,#f8f9fa,var(--light));border-radius:20px;border:2px solid transparent;transition:all 0.3s;}.achievement-card:hover{border-color:var(--secondary);transform:translateY(-5px);}.achievement-card .icon-circle{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--white);font-size:1.8rem;}.achievement-card h4{color:var(--primary);font-size:1.1rem;margin-bottom:10px;}.achievement-card p{color:#666;font-size:0.9rem;}.join-section{background:linear-gradient(135deg,var(--secondary),#2A9D8F);color:var(--white);text-align:center;}.join-section .section-title{color:var(--white);}.join-section .section-title::after{background:var(--white);}.join-steps{display:flex;justify-content:center;gap:30px;margin:40px 0;flex-wrap:wrap;}.join-step{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:20px;padding:30px;min-width:200px;text-align:center;}.join-step .step-icon{width:60px;height:60px;background:var(--white);color:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:1.5rem;font-weight:900;}.join-step h4{font-size:1.1rem;margin-bottom:8px;}.join-step p{font-size:0.9rem;opacity:0.9;}.qr-section{margin-top:40px;}.qr-section img{width:180px;height:180px;border-radius:20px;background:var(--white);padding:10px;}.qr-section p{margin-top:15px;font-size:1rem;}.footer{background:var(--dark);color:var(--white);padding:40px 5%;text-align:center;}.footer-logo{width:120px;margin-bottom:20px;}.footer p{opacity:0.7;font-size:0.95rem;}@media (max-width:900px){.cover h1{font-size:2.5rem;}.cover .subtitle{font-size:1.3rem;}.about-grid{grid-template-columns:1fr;}.why-grid{grid-template-columns:repeat(2,1fr);}.impact-content{grid-template-columns:1fr;}.achievements-grid{grid-template-columns:repeat(2,1fr);}.story-before-after{grid-template-columns:1fr;}.program-goals{grid-template-columns:1fr;}.process-timeline::before{right:30px;}.step-number{right:30px;}.step-content{width:calc(100% - 80px);margin-right:70px;}.process-step:nth-child(odd){flex-direction:row;}}@media (max-width:600px){.why-grid{grid-template-columns:1fr;}.achievements-grid{grid-template-columns:1fr;}.program-visual{flex-direction:column;}.program-node{width:100%;max-width:360px;height:260px;flex-basis:260px;}.program-arrow{transform:rotate(90deg);}.join-steps{flex-direction:column;align-items:center;}.section{padding:50px 5%;}.section-title{font-size:1.8rem;}}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;}.particle{position:absolute;width:6px;height:6px;background:rgba(70,190,180,0.3);border-radius:50%;animation:float-particle 15s infinite;}@keyframes float-particle{0%,100%{transform:translateY(100vh) rotate(0deg);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-100vh) rotate(720deg);opacity:0;}}