:root{--background:#060e20;--surface:#060d1d;--primary:#1f12da;--cyan:#38bdf8;--white:#f8fafc;--gray:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 35%, #3b82f62e, transparent 30%), radial-gradient(circle at 20% 80%, #38bdf81f, transparent 25%), var(--background);color:var(--white);font-family:Arial,sans-serif;overflow-x:hidden}.navbar{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#070b1499;justify-content:space-between;align-items:center;width:100%;padding:22px 8%;display:flex;position:fixed;top:0;left:0}.logo{align-items:center;gap:14px;font-size:28px;font-weight:700;display:flex}.logo img{object-fit:cover;border-radius:50%;width:45px;height:45px}.logo span{background:linear-gradient(90deg, white, var(--cyan));color:#0000;-webkit-background-clip:text}nav{gap:35px;display:flex}nav a{color:#fff;font-weight:600;text-decoration:none;transition:all .3s}nav a:hover{color:var(--cyan)}.hero{justify-content:space-between;align-items:center;gap:50px;min-height:100vh;padding:130px 8% 60px;display:flex}.hero-content{max-width:650px}.small-title{color:var(--cyan);letter-spacing:4px;font-size:14px;font-weight:700}h1{margin:25px 0;font-size:78px;line-height:1.05}h1 span{color:var(--primary)}.hero-description{color:var(--gray);font-size:18px;line-height:1.7}.hero-buttons{gap:20px;margin-top:35px;display:flex}button{background:linear-gradient(135deg, var(--primary), var(--cyan));color:#fff;cursor:pointer;border:none;border-radius:14px;padding:16px 34px;font-size:16px;font-weight:700}.secondary-btn{background:0 0;border:1px solid #fff3}.hero-stats{gap:20px;margin-top:60px;display:flex}.stat-card{background:#111827b3;border:1px solid #ffffff14;border-radius:20px;padding:25px}.stat-card h2{color:var(--cyan);font-size:35px}.stat-card p{color:var(--gray)}.hero-image img{object-fit:cover;border:1px solid #38bdf84d;border-radius:30px;width:450px;height:500px;animation:5s ease-in-out infinite floating;box-shadow:0 0 60px #3b82f659}@keyframes floating{50%{transform:translateY(-15px)}}.background-grid{z-index:-2;background-image:linear-gradient(#38bdf80d 1px,#0000 1px),linear-gradient(90deg,#38bdf80d 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.particles{z-index:-1;position:fixed;inset:0}.particles span{opacity:.35;background:#fff;border-radius:50%;width:8px;height:8px;animation:12s infinite float;position:absolute}.particles span:first-child{top:20%;left:15%}.particles span:nth-child(2){top:60%;left:80%}.particles span:nth-child(3){top:75%;left:40%}.particles span:nth-child(4){top:30%;left:65%}.particles span:nth-child(5){top:85%;left:20%}@keyframes float{50%{transform:translateY(-80px)}}.about{background:radial-gradient(circle,#2563eb26,#0000 45%);padding:120px 8%}.section-title{text-align:center;margin-bottom:70px}.section-title h2{color:#fff;margin-bottom:15px;font-size:55px}.section-title p{color:var(--gray);font-size:18px}.about-cards{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.about-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111827a6;border:1px solid #ffffff1a;border-radius:25px;padding:40px 30px;transition:all .4s;position:relative;overflow:hidden}.about-card:before{content:"";opacity:0;background:linear-gradient(135deg,#38bdf826,#0000);transition:all .4s;position:absolute;inset:0}.about-card:hover:before{opacity:1}.about-card:hover{border-color:var(--cyan);transform:translateY(-12px);box-shadow:0 0 35px #38bdf840}.icon{color:var(--cyan);margin-bottom:25px;font-size:45px}.about-card h3{margin-bottom:15px;font-size:28px}.about-card p{color:var(--gray);font-size:16px;line-height:1.7}@media (width<=900px){.about-cards{grid-template-columns:1fr}.section-title h2{font-size:40px}}.impact-story{align-items:center;gap:70px;padding:120px 8%;display:flex}.impact-image{flex:1;position:relative}.impact-image img{object-fit:cover;border:1px solid #38bdf859;border-radius:35px;width:100%;max-width:500px;height:420px;transition:all .5s;box-shadow:0 0 60px #38bdf840}.impact-image img:hover{transform:scale(1.03)}.impact-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827a6;border:1px solid #ffffff1a;border-radius:30px;flex:1;padding:50px}.impact-label{color:var(--cyan);letter-spacing:4px;margin-bottom:20px;font-size:14px;font-weight:700}.impact-content h2{background:linear-gradient(90deg,#fff,#38bdf8);color:#0000;-webkit-background-clip:text;margin-bottom:25px;font-size:45px;line-height:1.15}.impact-content p{color:var(--gray);margin-bottom:20px;font-size:17px;line-height:1.8}.impact-content:before{content:"";background:var(--cyan);width:80px;height:3px;margin-bottom:30px;display:block}@media (width<=900px){.impact-story{flex-direction:column}.impact-content h2{font-size:35px}}.activities{padding:120px 8%}.activity-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.activity-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111827bf;border:1px solid #ffffff1a;border-radius:30px;transition:all .4s;overflow:hidden}.activity-card img{object-fit:cover;width:100%;height:260px;transition:all .5s}.activity-card:hover img{transform:scale(1.08)}.activity-content{padding:30px}.activity-content h3{color:#fff;margin-bottom:15px;font-size:28px}.activity-content p{color:var(--gray);font-size:16px;line-height:1.8}.activity-card:hover{border-color:var(--cyan);transform:translateY(-12px);box-shadow:0 0 45px #38bdf840}@media (width<=1000px){.activity-grid{grid-template-columns:1fr}}.gallery{padding:120px 8%}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.gallery-item{background:#111827;border:1px solid #ffffff1a;border-radius:30px;height:380px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .6s}.gallery-item:hover img{transform:scale(1.12)}.gallery-overlay{opacity:0;background:linear-gradient(#0000,#070b14f2);padding:35px;transition:all .4s;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.gallery-item:hover .gallery-overlay{opacity:1;transform:translateY(0)}.gallery-overlay h3{margin-bottom:10px;font-size:26px}.gallery-overlay p{color:#cbd5e1;line-height:1.6}.gallery-item:hover{border-color:var(--cyan);box-shadow:0 0 45px #38bdf840}@media (width<=900px){.gallery-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:repeat(2,280px);justify-content:center;gap:30px;margin:70px 0;display:grid}}.recognition{padding:120px 8%}.certificate-showcase{justify-content:center;align-items:center;gap:70px;display:flex}.certificate-image{text-align:center;flex:1}.certificate-image img{border-radius:18px;width:100%;max-width:500px;transition:all .4s;box-shadow:0 0 50px #38bdf840}.certificate-image img:hover{transform:scale(1.03)}.certificate-info{flex:1}.certificate-info h2{margin:20px 0;font-size:44px;line-height:1.2}.certificate-info p{color:var(--gray);font-size:18px;line-height:1.9}@media (width<=900px){.certificate-showcase{text-align:center;flex-direction:column}}.coming-soon{padding:120px 8%}.coming-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827b8;border:1px solid #ffffff1a;border-radius:35px;max-width:900px;margin:auto;padding:70px 60px;transition:all .4s;box-shadow:0 0 60px #38bdf81f}.coming-card:hover{border-color:var(--cyan);transform:translateY(-10px);box-shadow:0 0 60px #38bdf847}.coming-card h2{margin:20px 0;font-family:Poppins;font-size:58px;font-weight:800}.silver{background:linear-gradient(#fff,#b8c3cf);color:#0000;-webkit-background-clip:text}.blue{color:#38bdf8}.coming-card h3{margin-bottom:25px;font-size:28px}.coming-card p{max-width:700px;color:var(--gray);margin:auto;font-size:17px;line-height:1.8}.coming-badge{letter-spacing:2px;color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:40px;margin-top:35px;padding:14px 34px;font-weight:700;display:inline-block;box-shadow:0 0 35px #38bdf859}@media (width<=800px){.coming-card{padding:45px 25px}.coming-card h2{font-size:40px}}.contact-section{text-align:center;padding:120px 8%}.contact-grid{flex-wrap:wrap;justify-content:center;gap:35px;margin-top:60px;margin-bottom:70px;display:flex}.contact-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111827bf;border:1px solid #ffffff14;border-radius:25px;width:320px;padding:35px;transition:all .35s}.contact-box:hover{border-color:#38bdf8;transform:translateY(-10px);box-shadow:0 0 35px #38bdf840}.contact-box h3{color:#fff;margin-bottom:15px;font-size:24px}.contact-box p{color:#94a3b8;font-size:17px;line-height:1.7}.contact-ending{max-width:850px;margin:auto}.contact-ending h2{background:linear-gradient(90deg,#fff,#38bdf8);color:#0000;-webkit-background-clip:text;margin-bottom:20px;font-size:44px}.contact-ending p{color:#94a3b8;font-size:18px;line-height:1.8}.regen-footer{text-align:center;background:#070b1499;border-top:1px solid #ffffff14;margin-top:120px;padding:40px 20px}.regen-footer h2{background:linear-gradient(90deg,#fff,#38bdf8);color:#0000;-webkit-background-clip:text;margin-bottom:10px;font-size:32px}.regen-footer p{color:#94a3b8;margin:8px 0;font-size:16px}.regen-footer strong{color:#fff}@media (width<=768px){.contact-grid{flex-direction:column;align-items:center}.contact-ending h2{font-size:34px}}.circuit-section{justify-content:center;padding:80px 8%;display:flex}.circuit-card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111827bf;border:1px solid #ffffff1a;border-radius:30px;max-width:650px;padding:45px 50px;transition:all .4s;box-shadow:0 0 50px #38bdf81f}.circuit-card:hover{border-color:#38bdf8;transform:translateY(-8px);box-shadow:0 0 50px #38bdf84d}.coming-label{letter-spacing:2px;color:#38bdf8;background:#38bdf826;border-radius:30px;margin-bottom:20px;padding:8px 20px;font-size:13px;font-weight:700;display:inline-block}.circuit-card h2{margin-bottom:15px;font-size:52px;font-weight:800}.silver-text{background:linear-gradient(#fff,#a8b4c2);color:#0000;-webkit-background-clip:text}.blue-text{color:#38bdf8}.circuit-card h3{color:#fff;margin-bottom:20px;font-size:24px}.circuit-card p{color:#94a3b8;font-size:16px;line-height:1.8}.future-tag{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:30px;margin-top:30px;padding:12px 25px;font-size:14px;font-weight:600;display:inline-block}@media (width<=700px){.circuit-card{padding:35px 25px}.circuit-card h2{font-size:38px}}@media (width<=768px){.navbar{padding:18px 5%}nav{display:none}.hero{text-align:center;flex-direction:column;padding:120px 5% 50px}.hero-content{max-width:100%}h1{font-size:42px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column;justify-content:center}.hero-stats{flex-direction:column;align-items:center}.stat-card{width:90%}.hero-image img{width:100%;height:auto}.about-cards,.activity-grid,.gallery-grid{grid-template-columns:1fr}.impact-story{flex-direction:column}.impact-image img{width:100%}.certificate-showcase{flex-direction:column}.certificate-image img{width:100%}.contact-card{grid-template-columns:1fr}}.impact-image img,.gallery-item img{object-fit:cover;opacity:1;visibility:visible;width:100%;height:auto;display:block}.impact-image,.gallery-item{overflow:hidden}.gallery-item img{min-height:250px}