body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.nav-menu{align-items:center;display:flex;gap:40px}.nav-link{color:#2c3e50;font-size:1rem;font-weight:500;padding:10px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#667eea;transform:translateY(-2px)}.nav-link.active{color:#667eea;font-weight:600}.nav-link.active:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.nav-toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.bar{background:#2c3e50;border-radius:2px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;flex-direction:column;gap:30px;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:50px;position:fixed;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-link{font-size:1.2rem;padding:15px 0}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.hero-content{display:flex;flex-direction:column;height:100vh;padding:60px 40px;position:relative;width:100%;z-index:2}.hero-logo{align-items:center;display:flex;gap:20px;left:40px;position:absolute;top:60px}.hero-main-content{display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:center;margin-left:0;max-width:700px}.logo-icon{height:60px;width:60px}.logo-text{display:flex;flex-direction:column}.brand-title{color:#fff;font-size:2.8rem;font-weight:700;line-height:1.2;margin:0;text-shadow:2px 2px 4px #0000004d}.hero-slogan{display:flex;flex-direction:column;gap:10px}.slogan-line-1,.slogan-line-2{color:#fff;font-size:1.8rem;font-weight:500;line-height:1.4;margin:0;text-shadow:2px 2px 4px #0000004d}.slogan-line-1{animation:fadeInUp 1s ease .2s both}.slogan-line-2{animation:fadeInUp 1s ease .4s both}.hero-cta{margin-top:20px}.learn-more-btn{animation:fadeInUp 1s ease .6s both;background:#0000;border:2px solid #fff;font-size:1.3rem;font-weight:500;overflow:hidden;padding:15px 30px;position:relative;text-shadow:1px 1px 2px #0000004d}.learn-more-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.learn-more-btn:hover:before{left:100%}.learn-more-btn:hover{background:#fff;box-shadow:0 5px 15px #0003;color:#2c3e50}.learn-more-btn:hover .arrow{animation:bounceLeft .6s ease infinite}.arrow{display:inline-block;margin-left:8px;transition:transform .3s ease;vertical-align:middle}.section-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.about-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.about-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;height:100vh;margin:0 auto;max-width:1200px;padding:60px 40px;position:relative;width:100%;z-index:2}.about-person{align-items:center;display:flex;justify-content:center}.person-image{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;max-width:100%}.about-text{display:flex;flex-direction:column;gap:2rem}.person-name{color:#2c3e50;font-size:3rem;font-weight:700;line-height:1.2;margin:0}.person-tagline{color:#2c3e50;font-size:1.6rem;font-weight:500;margin:0}.experience-section,.welfare-section{display:flex;flex-direction:column;gap:1rem}.section-heading{color:#ff8c00;font-size:1.5rem;font-weight:700;margin:0}.experience-list,.welfare-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.experience-list li,.welfare-list li{color:#2c3e50;font-size:1.3rem;line-height:1.6;padding-left:1.5rem;position:relative}.experience-list li:before,.welfare-list li:before{color:#ff8c00;content:"•";font-weight:700;left:0;position:absolute}.conclusion-text{background:#ff8c001a;border-left:4px solid #ff8c00;border-radius:10px;color:#2c3e50;font-size:1.4rem;font-weight:500;line-height:1.6;margin:0;padding:1rem;text-align:center}.services{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.services-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.services-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.services-content{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:1fr 1fr;height:100vh;margin:0;max-width:100%;padding:0;position:relative;width:100%;z-index:2}.services-image{align-items:center;display:flex;height:100vh;justify-content:center;padding:40px}.meeting-image{border-radius:15px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:100%;object-fit:contain;object-position:center}.services-text{background:#1e283cf2;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:90px 40px 30px}.services-title{color:#fff;font-size:4rem;font-weight:700;line-height:1.2;margin:-5rem 0 5rem}.services-subtitle{color:#fff;font-size:2rem;font-weight:500;margin:-1rem 0 2rem;opacity:.9}.services-description{display:flex;flex-direction:column;gap:3rem}.services-description p{color:#fff;font-size:1.1rem;line-height:1.6;margin:0;opacity:.95}.portfolio{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.portfolio-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.portfolio-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.portfolio-content{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:1fr 1fr;height:100vh;margin:0;max-width:100%;padding:0;position:relative;width:100%;z-index:2}.portfolio-image{align-items:center;display:flex;height:100vh;justify-content:center;padding:40px}.presentation-image{border-radius:15px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:100%;object-fit:contain;object-position:center}.portfolio-text{color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:60px 40px;text-shadow:2px 2px 4px #00000080}.portfolio-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.portfolio-slogan{color:#fff;font-size:1.3rem;font-weight:500;margin:0 0 2rem;opacity:.9}.portfolio-principles{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.principle-item{align-items:flex-start;display:flex;gap:1rem}.principle-number{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.principle-content h3,.principle-number{color:#fff;font-size:1.2rem;font-weight:700}.principle-content h3{margin:0 0 .5rem}.principle-content p{color:#fff;font-size:1rem;line-height:1.6;margin:0;opacity:.9}.portfolio-conclusion{background:#ffffff1a;border-left:4px solid #ffffff4d;border-radius:10px;color:#fff;font-size:1.2rem;font-weight:500;line-height:1.6;margin:0;padding:1rem;text-align:center}.contact{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.contact-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.contact-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.contact-content{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:60px 40px;position:relative;text-align:center;width:100%;z-index:2}.contact-text{margin-bottom:3rem}.contact-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.contact-subtitle,.contact-title{color:#fff;text-shadow:2px 2px 4px #00000080}.contact-subtitle{font-size:1.3rem;font-weight:500;margin:0;opacity:.9}.videos-container{margin-bottom:4rem;max-width:1200px;width:100%}.videos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);justify-items:center}.video-item{border-radius:10px;box-shadow:0 10px 30px #0000004d;cursor:pointer;max-width:200px;overflow:hidden;transition:transform .3s ease;width:100%}.video-item:hover{transform:scale(1.05)}.video-thumbnail{align-items:center;background:#000;display:flex;height:300px;justify-content:center;position:relative;width:100%}.video-preview{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px}.video-item:hover .play-button{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.video-player{height:300px;object-fit:cover;width:100%}.contact-bottom-text{margin-top:3rem;padding-bottom:2rem}.contact-message{color:#fff;font-size:1.6rem;font-weight:500;line-height:1.6;margin:0;text-shadow:2px 2px 4px #00000080}.sixth{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.sixth-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.sixth-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.sixth-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:2rem;position:relative;width:100%;z-index:2}.sixth-left{align-items:center;display:flex;justify-content:center}.sixth-image{max-width:600px;width:100%}.sixth-illustration{border-radius:15px;box-shadow:0 25px 50px #00000080;height:auto;width:100%}.sixth-right{align-items:center;display:flex;justify-content:center}.sixth-blocks-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:900px;width:100%}.sixth-text-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3c3c3cf2;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #0006;margin:0;padding:2.5rem;width:100%}.sixth-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .8rem;text-align:center}.sixth-subtitle{color:#e0e0e0;font-size:1.2rem;line-height:1.4;margin:0 0 1.5rem;text-align:center}.sixth-features{margin-bottom:0}.feature-item{background:#ffffff0d;border-left:4px solid #4a9eff;border-radius:8px;margin-bottom:1rem;padding:1rem}.feature-title{color:#4a9eff;font-size:1.3rem;font-weight:600;margin:0 0 .4rem}.feature-desc{color:#d0d0d0;font-size:1.1rem;line-height:1.4;margin:0}.sixth-security{border-top:none;padding-top:0}.security-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-align:center}.security-subtitle{color:#e0e0e0;font-size:1.1rem;margin:0 0 1.5rem;text-align:center}.security-features{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr}.security-item{background:#4a9eff1a;border:1px solid #4a9eff4d;border-radius:8px;padding:1.2rem}.security-item-title{color:#4a9eff;font-size:1.3rem;font-weight:600;margin:0 0 .4rem}.security-item-desc{color:#d0d0d0;font-size:1.1rem;line-height:1.4;margin:0}@media (max-width:768px){.sixth{min-height:auto;padding:1.5rem 0}.sixth-content{padding:1rem}.sixth-blocks-container,.sixth-content{gap:1.5rem;grid-template-columns:1fr}.sixth-text-block{margin:0;padding:2rem}.sixth-title{font-size:2.2rem}.sixth-subtitle{font-size:1.3rem}.security-title{font-size:1.6rem}.feature-title,.security-item-title{font-size:1.2rem}.feature-desc,.security-item-desc{font-size:1.05rem}}@media (max-width:480px){.sixth{min-height:auto;padding:1rem 0}.sixth-content{gap:1rem;grid-template-columns:1fr;padding:.8rem}.sixth-blocks-container{gap:1.2rem;grid-template-columns:1fr}.sixth-text-block{margin:0;padding:1.8rem}.sixth-title{font-size:1.8rem}.sixth-subtitle{font-size:1.1rem}.security-title{font-size:1.5rem}.feature-item,.security-item{padding:1rem}.feature-title,.security-item-title{font-size:1.1rem}.feature-desc,.security-item-desc{font-size:1rem}}.seventh{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.seventh-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.seventh-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.seventh-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:1400px;padding:0 2rem;position:relative;width:100%;z-index:2}.seventh-left{align-items:center;display:flex;justify-content:center}.seventh-image{max-width:500px;width:100%}.seventh-illustration{border-radius:15px;box-shadow:0 25px 50px #0006;height:auto;width:100%}.seventh-right{align-items:center;display:flex;justify-content:center}.seventh-text-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3c3c3cf2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #0006;margin:0 auto;max-width:600px;padding:3rem;width:100%}.seventh-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 2rem;text-align:center}.seventh-quote{margin-bottom:2.5rem}.quote-text{color:#e0e0e0;font-size:1.2rem;font-style:italic;line-height:1.8;margin:0 0 1.5rem;text-align:left}.quote-author{color:#4a9eff;font-size:1.1rem;font-weight:600;margin:0;text-align:right}.seventh-cta{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center;transition:all .3s ease}.seventh-cta:hover{transform:translateX(-5px)}.cta-text{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.cta-arrow{color:#4a9eff;transition:transform .3s ease}.seventh-cta:hover .cta-arrow{transform:translateX(-3px)}@media (max-width:768px){.seventh-content{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.seventh-text-block{padding:2rem}.seventh-title{font-size:2rem}.quote-text{font-size:1.1rem}.quote-author{font-size:1rem}.cta-text{font-size:1.2rem}}@media (max-width:480px){.seventh{min-height:auto;padding:1rem 0}.seventh-content{gap:1.5rem;grid-template-columns:1fr}.seventh-text-block{padding:1.5rem}.seventh-title{font-size:1.8rem}.quote-text{font-size:1rem}.quote-author{font-size:.95rem}.cta-text{font-size:1.1rem}}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.footer-logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-bottom:.5rem}.footer-logo p{color:#bdc3c7}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}.footer-social{display:flex;flex-direction:column;gap:.5rem}.social-link{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#667eea}.footer-bottom{border-top:1px solid #34495e;color:#bdc3c7;padding-top:2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounceLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-5px)}}@media (max-width:768px){.hero-content{padding:40px 20px}.hero-logo{left:20px;top:40px}.hero-main-content{gap:30px}.brand-title{font-size:2.2rem}.slogan-line-1,.slogan-line-2{font-size:1.4rem}.learn-more-btn{font-size:1.1rem;padding:12px 24px}.logo-icon{height:50px;width:50px}.about-content{gap:2rem;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh;padding:40px 20px}.about-person{order:1}.about-text{order:2}.person-name{font-size:2.5rem}.person-tagline{font-size:1.4rem}.section-heading{font-size:1.3rem}.conclusion-text,.experience-list li,.welfare-list li{font-size:1.2rem}.services-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.services-image{height:auto;min-height:40vh;order:1;padding:20px}.meeting-image{max-height:40vh;object-fit:cover;width:100%}.services-text{height:auto;min-height:60vh;order:2;padding:40px 20px}.services-title{font-size:3.5rem;margin:0 0 1.5rem}.services-subtitle{font-size:1.8rem;margin:-1rem 0 1.5rem}.services-description p{font-size:1.1rem}.contact-content{min-height:auto;padding:40px 20px}.videos-container{margin-bottom:3rem}.contact-bottom-text{margin-top:2rem;padding-bottom:1rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.videos-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.video-item{max-width:180px}.video-player,.video-thumbnail{height:250px}.contact-message{font-size:1.4rem}.footer-content{grid-template-columns:1fr;text-align:center}.section-title{font-size:2rem}}@media (max-width:480px){.hero-content{padding:30px 15px}.hero-logo{left:15px;top:30px}.hero-main-content{gap:25px}.brand-title{font-size:2rem}.slogan-line-1,.slogan-line-2{font-size:1.2rem}.learn-more-btn{font-size:1rem;padding:10px 20px}.logo-icon{height:40px;width:40px}.about-content{height:auto;min-height:100vh;padding:30px 15px}.about-person{margin-bottom:2rem;order:1}.about-text{order:2}.person-name{font-size:2.2rem}.person-tagline{font-size:1.2rem}.section-heading{font-size:1.1rem}.experience-list li,.welfare-list li{font-size:1rem}.conclusion-text{font-size:1.1rem}.services-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.services-image{height:auto;min-height:35vh;order:1;padding:15px}.meeting-image{max-height:35vh;object-fit:cover;width:100%}.services-text{height:auto;min-height:65vh;order:2;padding:30px 15px}.services-title{font-size:3rem;margin:0 0 1rem}.services-subtitle{font-size:1.6rem;margin:-1rem 0 1.2rem}.services-description p{font-size:1rem}.portfolio-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.portfolio-image{height:auto;min-height:40vh;order:1;padding:20px}.presentation-image{max-height:40vh;object-fit:cover;width:100%}.portfolio-text{height:auto;min-height:60vh;order:2;padding:40px 20px}.portfolio-title{font-size:2.5rem}.portfolio-slogan{font-size:1.3rem}.principle-content h3{font-size:1.2rem}.principle-content p{font-size:.9rem}.portfolio-conclusion{font-size:1.1rem}.portfolio-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.portfolio-image{height:auto;min-height:35vh;order:1;padding:15px}.presentation-image{max-height:35vh;object-fit:cover;width:100%}.portfolio-text{height:auto;min-height:65vh;order:2;padding:30px 15px}.portfolio-title{font-size:2.2rem}.portfolio-slogan{font-size:1.2rem}.principle-number{font-size:1rem;height:35px;width:35px}.principle-content h3{font-size:1.1rem}.principle-content p{font-size:.8rem}.portfolio-conclusion{font-size:1rem}.contact-content{min-height:auto;padding:30px 15px}.videos-container{margin-bottom:2rem}.contact-bottom-text{margin-top:1.5rem;padding-bottom:1rem}.contact-title{font-size:1.8rem}.contact-subtitle{font-size:1rem}.videos-grid{gap:1rem;grid-template-columns:1fr}.video-item{max-width:250px}.video-player,.video-thumbnail{height:200px}.play-button{height:50px;width:50px}.contact-message{font-size:1.2rem}}.form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.form-container{animation:formSlideIn .3s ease-out;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;position:relative;width:90%}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;padding:30px;position:relative;text-align:center}.form-title{font-size:1.8rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.form-subtitle{font-size:1.1rem;margin:0;opacity:.9}.form-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:20px;top:15px;transition:background-color .3s ease;width:40px}.form-close:hover{background-color:#fff3}.volunteer-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#495057;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:10px;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-cancel,.btn-submit{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:12px 30px;transition:all .3s ease}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#5a6268;box-shadow:0 5px 15px #6c757d4d;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}@media (max-width:768px){.form-container{margin:20px;width:95%}.form-header{padding:20px}.form-title{font-size:1.5rem}.form-subtitle{font-size:1rem}.volunteer-form{padding:20px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.success-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.success-container{animation:successSlideIn .5s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:400px;padding:40px;position:relative;text-align:center;width:90%}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-100px) scale(.8)}50%{opacity:.8;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon{animation:iconBounce .6s ease-out .3s both;margin-bottom:20px}@keyframes iconBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title{animation:titleFadeIn .5s ease-out .5s both;color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:15px}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{animation:messageFadeIn .5s ease-out .7s both;color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:30px}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-progress{animation:progressFadeIn .3s ease-out .9s both;background-color:#e9ecef;border-radius:2px;height:4px;overflow:hidden;width:100%}@keyframes progressFadeIn{0%{opacity:0}to{opacity:1}}.progress-bar{animation:progressFill 3s ease-out 1s forwards;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:2px;height:100%;width:0}@keyframes progressFill{0%{width:0}to{width:100%}}@media (max-width:768px){.success-container{margin:20px;padding:30px 20px}.success-title{font-size:1.5rem}.success-message{font-size:1rem}.success-icon svg{height:50px;width:50px}}.projects-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.projects-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.project-card{background:#fffffff2}.project-image{height:200px}.project-stats{display:flex;gap:30px}.stat{text-align:center}.stat-number{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#6c757d;font-size:.9rem}.faq{align-items:center;display:flex;min-height:100vh;padding:80px 0;position:relative}.faq-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.faq-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.faq-content{position:relative;width:100%;z-index:2}.faq-header{margin-bottom:60px;text-align:center}.faq-title{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.faq-subtitle{color:#6c757d;font-size:1.3rem;margin:0 auto;max-width:600px}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#fffffff2;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 10px 25px #00000026}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:25px 30px;transition:background-color .3s ease}.faq-question:hover{background-color:#667eea0d}.faq-question h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.faq-icon{color:#667eea;font-size:1.5rem;font-weight:700;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{color:#6c757d;line-height:1.6;margin:0;padding:0 30px 25px}.team{align-items:center;display:flex;min-height:100vh;padding:80px 0;position:relative}.team-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.team-bg-image{height:100%;object-fit:cover;object-position:center;width:100%}.team-content{position:relative;width:100%;z-index:2}.team-header{margin-bottom:60px;text-align:center}.team-title{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.team-subtitle{color:#6c757d;font-size:1.3rem;margin:0 auto;max-width:600px}.team-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.team-card{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.team-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.team-image{border:4px solid #667eea;border-radius:50%;height:120px;margin:0 auto 20px;overflow:hidden;width:120px}.team-image img{height:100%;object-fit:cover;width:100%}.team-name{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:8px}.team-position{color:#667eea;font-size:1rem;font-weight:500;margin-bottom:15px}.team-description{color:#6c757d;font-size:.95rem;line-height:1.6}.team-values{text-align:center}.values-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:50px}.values-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px 30px;text-align:center;transition:transform .3s ease}.value-item:hover{transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:20px}.value-item h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:15px}.value-item p{color:#6c757d;line-height:1.6}.projects{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;min-height:100vh;padding:80px 0;position:relative}.projects-content{position:relative;width:100%;z-index:2}.projects-header{margin-bottom:60px;text-align:center}.projects-title{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.projects-subtitle{color:#6c757d;font-size:1.3rem;margin:0 auto;max-width:600px}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.project-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.project-image{height:250px;overflow:hidden}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:30px}.project-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:15px}.project-description{color:#6c757d;line-height:1.6;margin-bottom:25px}.learn-more-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.learn-more-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.learn-more-btn .arrow{transition:transform .3s ease}.learn-more-btn:hover .arrow{transform:translateX(3px)}@media (max-width:768px){.faq-title,.projects-title,.team-title{font-size:2.2rem}.faq-subtitle,.projects-subtitle,.team-subtitle{font-size:1.1rem}.projects-grid,.team-grid{gap:30px;grid-template-columns:1fr}.values-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.faq-question{padding:20px}.faq-question h3{font-size:1.1rem}.faq-answer p{padding:0 20px 20px}}
/*# sourceMappingURL=main.02268183.css.map*/