@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap";:root{font-family:Poppins,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#fff;background-color:#012365;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#012365}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf21,#0591c6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffff01,#fbbf21)}:root{--color-primary: #fbbf21;--color-secondary: #0591c6;--color-tertiary: #012365;--color-accent: #ffff01;--text-light: #ffffff;--text-dark: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}.app{position:relative;overflow-x:hidden;background:linear-gradient(135deg,var(--color-tertiary) 0%,#001a3d 100%)}.floating-shapes{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;opacity:.1;border-radius:50%;animation:float 6s ease-in-out infinite}.shape-1{width:300px;height:300px;background:var(--color-primary);top:10%;left:-150px;animation-delay:0s}.shape-2{width:200px;height:200px;background:var(--color-accent);top:30%;right:-100px;animation-delay:1s}.shape-3{width:250px;height:250px;background:var(--color-secondary);top:60%;left:10%;animation-delay:2s}.shape-4{width:180px;height:180px;background:var(--color-primary);top:80%;right:15%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;overflow:hidden;z-index:1}.hero-content{position:relative;z-index:2;max-width:900px}.hero-title{font-size:clamp(3rem,8vw,7rem);font-weight:900;margin-bottom:1rem;color:var(--text-light);letter-spacing:-2px}.glitch{position:relative;display:inline-block;animation:glitch-skew 3s infinite;background:linear-gradient(45deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glitch:before{left:2px;text-shadow:-2px 0 var(--color-secondary);animation:glitch-anim 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--color-accent);animation:glitch-anim 3s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip-path:inset(40% 0 61% 0);transform:translate(0)}20%{clip-path:inset(92% 0 1% 0);transform:translate(-2px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(0)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(2px)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-1deg)}20%{transform:skew(1deg)}30%{transform:skew(0)}to{transform:skew(0)}}.hero-subtitle{font-size:clamp(1.2rem,3vw,2rem);color:var(--color-primary);margin-bottom:2rem;animation:fadeInUp 1s ease-out .5s both}.cta-button{padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;color:var(--color-tertiary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;animation:fadeInUp 1s ease-out .7s both;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 30px #fbbf214d;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #fbbf2180}.hero-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;z-index:-1}.circle-decoration{width:100%;height:100%;border:3px solid var(--color-primary);border-radius:50%;animation:pulse 4s ease-in-out infinite;opacity:.2}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.1}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-primary);animation:bounce 2s infinite}.scroll-indicator span{font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.arrow-down{width:30px;height:30px;border-left:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary);transform:rotate(-45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{position:relative;min-height:100vh;padding:100px 2rem;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.section.visible{opacity:1;transform:translateY(0)}.section-content{max-width:1200px;width:100%}.section-title{font-size:clamp(2.5rem,5vw,4rem);color:var(--text-light);text-align:center;margin-bottom:4rem;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px}.about{background:linear-gradient(135deg,#0591c61a,#0123651a)}.card-animated{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(251,191,33,.3);border-radius:30px;padding:4rem;text-align:center;transition:all .5s ease;position:relative;overflow:hidden}.card-animated:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(251,191,33,.1),transparent);transform:rotate(45deg);transition:all .6s}.card-animated:hover:before{left:100%}.card-animated:hover{transform:translateY(-10px);box-shadow:0 20px 60px #fbbf214d;border-color:var(--color-primary)}.card-icon{font-size:4rem;margin-bottom:1.5rem;animation:rotate360 10s linear infinite}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-animated h2{font-size:2.5rem;color:var(--color-primary);margin-bottom:1.5rem}.card-animated p{font-size:1.3rem;color:var(--text-light);line-height:1.8}.activities{background:#01236533}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;width:100%;margin:0 auto}.activity-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(5,145,198,.3);border-radius:20px;padding:2.5rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.activity-card:hover{transform:translateY(-15px) scale(1.05);border-color:var(--color-secondary);box-shadow:0 25px 50px #0591c666;background:#0591c61a}.activity-icon{font-size:3.5rem;margin-bottom:1.5rem;transition:transform .4s ease}.activity-card:hover .activity-icon{transform:scale(1.2) rotate(10deg)}.activity-card h3{font-size:1.8rem;color:var(--color-primary);margin-bottom:1rem}.activity-card p{color:var(--text-light);font-size:1.1rem;line-height:1.6}.values{background:linear-gradient(135deg,#fbbf210d,#0123651a)}.values-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.value-item{position:relative;padding:2rem;text-align:center;transition:all .4s ease}.value-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fbbf211a,#0591c61a);border-radius:20px;transform:scale(0);transition:transform .4s ease;z-index:-1}.value-item:hover:before{transform:scale(1)}.value-item:hover{transform:translateY(-10px)}.value-number{font-size:5rem;font-weight:900;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;line-height:1;margin-bottom:1rem}.value-item h3{font-size:2rem;color:var(--color-secondary);margin-bottom:1rem}.value-item p{color:var(--text-light);font-size:1.1rem}.gallery{background:#0123654d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.gallery-item{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:transform .4s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-item:hover img{transform:scale(1.2)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fbbf21e6,#0591c6e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{font-size:1.8rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:2px}.footer{background:linear-gradient(135deg,var(--color-tertiary) 0%,#000814 100%);padding:80px 2rem;text-align:center;position:relative;z-index:1}.footer-content{max-width:800px;margin:0 auto}.footer h2{font-size:clamp(2rem,4vw,3.5rem);color:var(--color-primary);margin-bottom:1rem;animation:fadeInUp 1s ease-out}.footer p{font-size:1.3rem;color:var(--text-light);margin-bottom:2rem}.social-links{display:flex;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.social-link{padding:1rem 2rem;background:#ffffff0d;border:2px solid var(--color-secondary);border-radius:50px;color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-secondary);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;z-index:-1}.social-link:hover:before{width:300px;height:300px}.social-link:hover{color:var(--text-light);border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 10px 30px #0591c666}.copyright{margin-top:3rem;font-size:1rem;color:#ffffff80}@media (max-width: 768px){.hero{padding:1rem}.section{padding:60px 1rem;min-height:auto}.card-animated{padding:2rem}.activities-grid,.values-container,.gallery-grid{grid-template-columns:1fr}.value-number{font-size:3rem}.scroll-indicator{display:none}}html{scroll-behavior:smooth}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:2px solid var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 8px 25px #fbbf2166;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);opacity:0;visibility:hidden;transform:translateY(100px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 12px 35px #fbbf2199;background:linear-gradient(135deg,var(--color-accent),var(--color-primary))}.scroll-to-top:active{transform:translateY(-2px) scale(1.05)}.scroll-to-top svg{color:var(--color-tertiary);transition:transform .3s ease}.scroll-to-top:hover svg{transform:translateY(-3px);animation:arrowBounce .6s ease infinite}@keyframes arrowBounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.scroll-to-top{width:50px;height:50px;bottom:20px;right:20px}.scroll-to-top svg{width:20px;height:20px}}