@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--blue-900:#0d47a1;--blue-800:#1565c0;--blue-700:#1976d2;--blue-600:#1e88e5;--blue-500:#2196f3;--blue-400:#42a5f5;--blue-300:#64b5f6;--blue-100:#bbdefb;--blue-50:#e3f2fd;--green-800:#2e7d32;--green-700:#388e3c;--green-600:#43a047;--green-500:#4caf50;--green-400:#66bb6a;--green-300:#81c784;--green-100:#c8e6c9;--green-50:#e8f5e9;--leaf-green:#8bc34a;--leaf-light:#9ccc65;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--dark:#0a1628;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000026;--shadow-blue:0 4px 20px #2196f340;--shadow-green:0 4px 20px #4caf5040;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;--section-padding:100px;--container-width:1200px;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--white);color:var(--gray-800);line-height:1.6;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)0}.section-header{text-align:center;margin-bottom:60px}.section-badge{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);border-radius:50px;margin-bottom:16px;padding:8px 20px;font-size:.875rem;font-weight:600;display:inline-block}.section-badge.green{background:var(--green-50);color:var(--green-700);border-color:var(--green-100)}.section-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-title .blue{color:var(--blue-600)}.section-title .green{color:var(--green-600)}.section-subtitle{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:1.125rem}.btn{font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-blue{background:var(--blue-600);color:var(--white);box-shadow:var(--shadow-blue)}.btn-blue:hover{background:var(--blue-700);transform:translateY(-3px);box-shadow:0 8px 30px #2196f359}.btn-green{background:var(--green-600);color:var(--white);box-shadow:var(--shadow-green)}.btn-green:hover{background:var(--green-700);transform:translateY(-3px);box-shadow:0 8px 30px #4caf5059}.btn-outline-blue{color:var(--blue-600);border:2px solid var(--blue-600);background:0 0}.btn-outline-blue:hover{background:var(--blue-600);color:var(--white);transform:translateY(-3px)}.btn-outline-green{color:var(--green-600);border:2px solid var(--green-600);background:0 0}.btn-outline-green:hover{background:var(--green-600);color:var(--white);transform:translateY(-3px)}.btn-white{background:var(--white);color:var(--blue-700);box-shadow:var(--shadow-md)}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.navbar{z-index:1000;transition:all var(--transition-base);padding:12px 0;position:fixed;top:0;left:0;right:0}.navbar-container{max-width:var(--container-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.navbar-inner{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:100px;justify-content:space-between;align-items:center;width:100%;padding:12px 12px 12px 24px;display:flex;box-shadow:0 4px 30px #0000001a}.navbar-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo img{width:auto;height:45px;transition:transform var(--transition-base);border-radius:10px}.navbar-logo:hover img{transform:scale(1.05)}.navbar-logo-text{font-family:var(--font-display);color:var(--blue-800);font-size:1.125rem;font-weight:700}.navbar-logo-text span{color:var(--green-600)}.navbar-menu{align-items:center;gap:8px;list-style:none;display:flex}.navbar-link{color:var(--gray-700);transition:all var(--transition-base);border-radius:50px;padding:10px 18px;font-size:.9rem;font-weight:500;text-decoration:none}.navbar-link:hover{background:var(--blue-50);color:var(--blue-700)}.navbar-link.active{background:var(--blue-600);color:var(--white)}.navbar-cta{background:var(--green-600);color:var(--white);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:50px;padding:12px 24px;font-size:.9rem;font-weight:600}.navbar-cta:hover{background:var(--green-700);transform:scale(1.05)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:10px;display:none}.mobile-menu-btn span{background:var(--gray-800);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px}.hero{background:var(--blue-800);align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20% 80%,#4caf5026 0%,#0000 50%),radial-gradient(circle at 80% 20%,#2196f333 0%,#0000 50%);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(to top,var(--white)0%,transparent 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-text{color:var(--white)}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:10px;margin-bottom:24px;padding:10px 20px;font-size:.875rem;font-weight:500;animation:.8s .2s forwards fadeInDown;display:inline-flex}.hero-badge-dot{background:var(--green-400);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}.hero-title{font-family:var(--font-display);opacity:0;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;animation:.8s .4s forwards fadeInUp}.hero-title-green{color:var(--green-400)}.hero-description{opacity:.9;opacity:0;max-width:500px;margin-bottom:40px;font-size:1.125rem;line-height:1.8;animation:.8s .6s forwards fadeInUp}.hero-buttons{opacity:0;flex-wrap:wrap;gap:16px;animation:.8s .8s forwards fadeInUp;display:flex}.hero-stats{opacity:0;border-top:1px solid #fff3;gap:40px;margin-top:60px;padding-top:40px;animation:.8s 1s forwards fadeInUp;display:flex}.hero-stat-number{font-family:var(--font-display);color:var(--green-400);font-size:2.5rem;font-weight:700}.hero-stat-label{opacity:.8;font-size:.875rem}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-container{opacity:0;width:420px;height:420px;animation:1s .5s forwards scaleIn;position:relative}.hero-image-ring{border:3px solid #ffffff1a;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-image-ring:nth-child(2){width:120%;height:120%;animation:30s linear infinite rotate}.hero-image-ring:nth-child(3){width:140%;height:140%;animation:40s linear infinite reverse rotate}.hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);background:#fffffff2;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.hero-card-1{animation-delay:0s;top:10%;right:-10%}.hero-card-2{animation-delay:2s;bottom:20%;left:-10%}.hero-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.hero-card-icon.blue{background:var(--blue-100)}.hero-card-icon.green{background:var(--green-100)}.hero-card-text h4{color:var(--gray-900);font-size:.9rem;font-weight:600}.hero-card-text p{color:var(--gray-500);font-size:.8rem}.hero-image{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 40px #0000004d);width:100%;height:100%;animation:6s ease-in-out infinite float;position:relative}.about{background:var(--white);position:relative}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-image-wrapper{position:relative}.about-image-box{aspect-ratio:4/3;background:var(--blue-600);border-radius:24px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.about-image-box:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.about-image-icon{z-index:1;font-size:6rem;position:relative}.about-accent-card{background:var(--green-500);color:var(--white);box-shadow:var(--shadow-lg);border-radius:16px;padding:24px 32px;position:absolute;bottom:-30px;right:-30px}.about-accent-card h3{font-family:var(--font-display);font-size:2.5rem;font-weight:700}.about-accent-card p{opacity:.9;font-size:.9rem}.about-text h2{font-family:var(--font-display);color:var(--gray-900);margin-bottom:24px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.about-text h2 .blue{color:var(--blue-600)}.about-text h2 .green{color:var(--green-600)}.about-text>p{color:var(--gray-600);margin-bottom:16px;font-size:1.0625rem;line-height:1.8}.about-features{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;display:grid}.about-feature{background:var(--gray-50);transition:all var(--transition-base);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.about-feature:hover{background:var(--blue-50);transform:translate(5px)}.about-feature:nth-child(2n):hover{background:var(--green-50)}.about-feature-icon{background:var(--blue-600);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.about-feature:nth-child(2n) .about-feature-icon{background:var(--green-600)}.about-feature-text h4{color:var(--gray-900);font-size:.95rem;font-weight:600}.about-feature-text p{color:var(--gray-500);font-size:.8rem}.services{background:var(--gray-50)}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-base);border-radius:20px;padding:32px;position:relative;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.service-card:nth-child(odd) .service-icon{background:var(--blue-50)}.service-card:nth-child(2n) .service-icon{background:var(--green-50)}.service-card:nth-child(odd):hover{border-color:var(--blue-200)}.service-card:nth-child(2n):hover{border-color:var(--green-200)}.service-icon{width:64px;height:64px;transition:all var(--transition-base);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.75rem;display:flex}.service-card:nth-child(odd):hover .service-icon{background:var(--blue-600);transform:scale(1.1)rotate(5deg)}.service-card:nth-child(2n):hover .service-icon{background:var(--green-600);transform:scale(1.1)rotate(5deg)}.service-card h3{font-family:var(--font-display);color:var(--gray-900);margin-bottom:12px;font-size:1.25rem;font-weight:600}.service-card p{color:var(--gray-600);margin-bottom:20px;font-size:.95rem;line-height:1.7}.service-link{transition:gap var(--transition-base);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.service-card:nth-child(odd) .service-link{color:var(--blue-600)}.service-card:nth-child(2n) .service-link{color:var(--green-600)}.service-link:hover{gap:12px}.statistics{background:var(--blue-800);position:relative;overflow:hidden}.statistics:before{content:"";background:radial-gradient(circle,#4caf5033 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.statistics .section-header,.statistics .section-title{color:var(--white)}.statistics .section-subtitle{color:#fffc}.stats-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px 24px}.stat-card:hover{background:#ffffff1a;transform:translateY(-5px)}.stat-icon{background:var(--green-500);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:1.75rem;display:flex}.stat-card:nth-child(2n) .stat-icon{background:var(--blue-500)}.stat-number{font-family:var(--font-display);color:var(--white);margin-bottom:8px;font-size:2.75rem;font-weight:800}.stat-label{color:#ffffffb3;font-size:.95rem}.testimonials{background:var(--white)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.testimonial-card{background:var(--gray-50);transition:all var(--transition-base);border:2px solid #0000;border-radius:20px;padding:32px;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.testimonial-card:nth-child(odd):hover{border-color:var(--blue-200)}.testimonial-card:nth-child(2n):hover{border-color:var(--green-200)}.testimonial-quote{font-family:Georgia,serif;font-size:3rem;line-height:1;position:absolute;top:24px;right:24px}.testimonial-card:nth-child(odd) .testimonial-quote{color:var(--blue-100)}.testimonial-card:nth-child(2n) .testimonial-quote{color:var(--green-100)}.testimonial-content{color:var(--gray-700);margin-bottom:24px;font-size:1rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:16px;display:flex}.testimonial-avatar{width:56px;height:56px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.testimonial-card:nth-child(odd) .testimonial-avatar{background:var(--blue-600)}.testimonial-card:nth-child(2n) .testimonial-avatar{background:var(--green-600)}.testimonial-info h4{color:var(--gray-900);margin-bottom:4px;font-weight:600}.testimonial-info p{color:var(--gray-500);font-size:.85rem}.testimonial-rating{gap:2px;margin-top:6px;display:flex}.testimonial-rating span{color:#ffc107;font-size:.9rem}.cta{background:var(--green-600);text-align:center;padding:80px 0;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;left:-20%}.cta-content{z-index:2;position:relative}.cta h2{font-family:var(--font-display);color:var(--white);margin-bottom:16px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.cta p{color:#ffffffe6;max-width:600px;margin:0 auto 32px;font-size:1.125rem}.contact{background:var(--gray-50)}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-info h2{font-family:var(--font-display);color:var(--gray-900);margin-bottom:16px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.contact-info h2 .blue{color:var(--blue-600)}.contact-info h2 .green{color:var(--green-600)}.contact-info>p{color:var(--gray-600);margin-bottom:32px;font-size:1.0625rem;line-height:1.8}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-item{background:var(--white);transition:all var(--transition-base);border:1px solid var(--gray-100);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.contact-item:hover{box-shadow:var(--shadow-md);transform:translate(8px)}.contact-item:nth-child(odd):hover{border-color:var(--blue-200)}.contact-item:nth-child(2n):hover{border-color:var(--green-200)}.contact-item-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.contact-item:nth-child(odd) .contact-item-icon{background:var(--blue-100)}.contact-item:nth-child(2n) .contact-item-icon{background:var(--green-100)}.contact-item-text h4{color:var(--gray-900);margin-bottom:4px;font-weight:600}.contact-item-text p{color:var(--gray-600);font-size:.9rem;line-height:1.6}.contact-form-wrapper{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);border-radius:24px;padding:40px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{position:relative}.form-input,.form-textarea{width:100%;font-family:var(--font-primary);border:2px solid var(--gray-200);background:var(--gray-50);transition:all var(--transition-base);border-radius:12px;outline:none;padding:16px 20px;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:var(--blue-500);background:var(--white);box-shadow:0 0 0 4px #2196f31a}.form-textarea{resize:vertical;min-height:120px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.footer{background:var(--dark);color:var(--white);padding:80px 0 30px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand p{color:var(--gray-400);max-width:300px;margin-top:20px;line-height:1.8}.footer-social{gap:12px;margin-top:24px;display:flex}.footer-social a{width:44px;height:44px;color:var(--white);transition:all var(--transition-base);background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;display:flex}.footer-social a:hover{background:var(--blue-600);transform:translateY(-3px)}.footer-social a:nth-child(2n):hover{background:var(--green-600)}.footer-column h4{font-family:var(--font-display);color:var(--white);margin-bottom:24px;font-size:1.125rem;font-weight:600}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--gray-400);transition:color var(--transition-base);text-decoration:none}.footer-links a:hover{color:var(--green-400)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;display:flex}.footer-bottom p{color:var(--gray-500);font-size:.875rem}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{color:var(--gray-500);transition:color var(--transition-base);font-size:.875rem;text-decoration:none}.footer-bottom-links a:hover{color:var(--white)}@media (max-width:1024px){.hero-content,.about-content,.contact-content{text-align:center;grid-template-columns:1fr}.hero-text{order:2}.hero-visual{order:1}.hero-description{margin:0 auto 40px}.hero-buttons,.hero-stats{justify-content:center}.hero-image-container{width:320px;height:320px}.hero-card{display:none}.services-grid,.stats-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--section-padding:60px}.navbar-menu{display:none}.mobile-menu-btn{display:flex}.hero-image-container{width:260px;height:260px}.about-features,.services-grid,.stats-grid,.testimonials-grid,.form-row{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column}}@media (max-width:480px){.hero-stats{flex-direction:column;gap:20px}.hero-buttons{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}}.page-hero{background:linear-gradient(135deg,var(--blue-800)0%,var(--blue-600)100%);padding:180px 0 100px;position:relative;overflow:hidden}.page-hero:before{content:"";background:radial-gradient(circle at 20% 80%,#4caf5026 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.page-hero-content{z-index:2;text-align:center;max-width:700px;color:var(--white);margin:0 auto;position:relative}.page-hero-content h1{font-family:var(--font-display);margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.page-hero-content h1 .green{color:var(--green-400)}.page-hero-content p{opacity:.9;font-size:1.125rem;line-height:1.7}.gallery-section{background:var(--gray-50)}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.gallery-filter-btn{border:2px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;transition:all var(--transition-base);border-radius:50px;padding:12px 28px;font-size:.9rem;font-weight:600}.gallery-filter-btn:hover{border-color:var(--blue-400);color:var(--blue-600)}.gallery-filter-btn.active{background:var(--blue-600);border-color:var(--blue-600);color:var(--white)}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:20px;display:grid}.bento-item{cursor:pointer;transition:all var(--transition-base);border-radius:20px;overflow:hidden}.bento-item:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.bento-item-inner{background:linear-gradient(135deg,var(--blue-500)0%,var(--green-500)100%);width:100%;height:100%;position:relative}.bento-large{grid-area:span 2/span 2}.bento-medium{grid-area:span 1/span 2}.bento-small{grid-area:span 1/span 1}.bento-placeholder{background:linear-gradient(135deg,var(--blue-600)0%,var(--green-600)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.bento-icon{opacity:.3;font-size:4rem}.bento-large .bento-icon{font-size:6rem}.bento-overlay{color:var(--white);opacity:0;transition:all var(--transition-base);background:linear-gradient(#0000 0%,#000c 100%);padding:20px;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.bento-item:hover .bento-overlay{opacity:1;transform:translateY(0)}.bento-category{text-transform:uppercase;letter-spacing:1px;background:#fff3;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;display:inline-block}.bento-title{margin-bottom:4px;font-size:1rem;font-weight:600}.bento-view{opacity:.8;font-size:.8rem}.gallery-notice{background:var(--white);box-shadow:var(--shadow-md);border-radius:16px;align-items:center;gap:20px;margin-top:60px;padding:30px;display:flex}.notice-icon{font-size:2.5rem}.gallery-notice p{color:var(--gray-600);font-size:1rem}.lightbox{z-index:9999;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{color:var(--white);cursor:pointer;z-index:10001;background:0 0;border:none;font-size:3rem;position:absolute;top:20px;right:30px}.lightbox-prev,.lightbox-next{color:var(--white);cursor:pointer;transition:all var(--transition-base);background:#ffffff1a;border:none;border-radius:50%;padding:20px;font-size:3rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-content{max-width:80%;max-height:80%}.lightbox-placeholder{background:linear-gradient(135deg,var(--blue-600)0%,var(--green-600)100%);text-align:center;color:var(--white);border-radius:20px;padding:100px}.lightbox-icon{margin-bottom:20px;font-size:5rem;display:block}.lightbox-placeholder h3{margin-bottom:10px;font-size:1.5rem}.lightbox-placeholder p{opacity:.8}.lightbox-counter{color:var(--white);font-size:.9rem;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.about-page-section{background:var(--white)}.about-page-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-page-content h2{font-family:var(--font-display);color:var(--gray-900);margin-bottom:24px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.about-page-content h2 .blue{color:var(--blue-600)}.about-page-content p{color:var(--gray-600);margin-bottom:16px;font-size:1.0625rem;line-height:1.8}.about-page-visual{flex-direction:column;gap:20px;display:flex}.mission-card{background:var(--gray-50);border-left:4px solid var(--blue-500);transition:all var(--transition-base);border-radius:20px;padding:30px}.mission-card:hover{box-shadow:var(--shadow-lg);transform:translate(10px)}.mission-card:nth-child(2){border-left-color:var(--green-500)}.mission-icon{margin-bottom:15px;font-size:2.5rem}.mission-card h3{color:var(--gray-900);margin-bottom:10px;font-size:1.25rem;font-weight:700}.mission-card p{color:var(--gray-600);font-size:.95rem;line-height:1.6}.story-section{background:var(--gray-50)}.story-timeline{flex-direction:column;gap:30px;max-width:700px;margin:0 auto;display:flex}.timeline-item{align-items:flex-start;gap:30px;display:flex}.timeline-marker{background:var(--blue-600);min-width:80px;color:var(--white);text-align:center;border-radius:50px;padding:12px 20px;font-weight:700}.timeline-content{background:var(--white);box-shadow:var(--shadow-md);border-radius:16px;flex:1;padding:20px 30px}.timeline-content h4{color:var(--gray-900);margin-bottom:8px;font-size:1.125rem;font-weight:700}.timeline-content p{color:var(--gray-600);font-size:.95rem;line-height:1.6}.team-section{background:var(--white)}.team-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.team-card{text-align:center;background:var(--gray-50);transition:all var(--transition-base);border-radius:20px;padding:40px 25px}.team-card:hover{box-shadow:var(--shadow-xl);background:var(--white);transform:translateY(-10px)}.team-avatar{background:linear-gradient(135deg,var(--blue-500)0%,var(--green-500)100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:2.5rem;display:flex}.team-card h3{color:var(--gray-900);margin-bottom:5px;font-size:1.125rem;font-weight:700}.team-role{color:var(--blue-600);margin-bottom:12px;font-size:.9rem;font-weight:600}.team-bio{color:var(--gray-600);font-size:.875rem;line-height:1.6}.facilities-section{background:var(--gray-50)}.facilities-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.facility-card{background:var(--white);text-align:center;transition:all var(--transition-base);border:2px solid #0000;border-radius:20px;padding:35px}.facility-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-200);transform:translateY(-5px)}.facility-icon{margin-bottom:20px;font-size:3rem}.facility-card h3{color:var(--gray-900);margin-bottom:10px;font-size:1.125rem;font-weight:700}.facility-card p{color:var(--gray-600);font-size:.9rem;line-height:1.6}.approach-section{background:var(--white)}.approach-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.approach-text h2{font-family:var(--font-display);color:var(--gray-900);margin-bottom:24px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.approach-text h2 .blue{color:var(--blue-600)}.approach-text p{color:var(--gray-600);margin-bottom:24px;font-size:1.0625rem;line-height:1.8}.approach-points{flex-direction:column;gap:16px;display:flex}.approach-point{color:var(--gray-700);align-items:center;gap:15px;font-size:1rem;display:flex}.approach-check{background:var(--green-100);width:28px;height:28px;color:var(--green-600);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.approach-stats{grid-template-columns:1fr 1fr;gap:20px;display:grid}.approach-stat-card{background:linear-gradient(135deg,var(--blue-600)0%,var(--blue-700)100%);text-align:center;color:var(--white);transition:all var(--transition-base);border-radius:20px;padding:30px}.approach-stat-card:hover{transform:scale(1.05)}.approach-stat-card:nth-child(2),.approach-stat-card:nth-child(3){background:linear-gradient(135deg,var(--green-500)0%,var(--green-600)100%)}.approach-stat-card:nth-child(4){background:linear-gradient(135deg,var(--blue-600)0%,var(--blue-700)100%)}.approach-stat-number{font-family:var(--font-display);margin-bottom:5px;font-size:2.5rem;font-weight:700}.approach-stat-label{opacity:.9;font-size:.9rem}.floating-btn{width:60px;height:60px;color:var(--white);z-index:9998;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;text-decoration:none;animation:3s ease-in-out infinite floatBtn;display:flex;position:fixed;bottom:30px;box-shadow:0 4px 20px #0000004d}.floating-btn:hover{transform:scale(1.15);box-shadow:0 6px 30px #0006}.floating-call{background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);left:30px}.floating-whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);right:30px}@keyframes floatBtn{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-btn:hover{animation:none;transform:scale(1.15)}@media (max-width:1024px){.bento-grid,.team-grid,.facilities-grid{grid-template-columns:repeat(2,1fr)}.about-page-grid,.approach-content{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:180px}.bento-large,.bento-medium,.bento-small{grid-area:span 1/span 1}.bento-large{grid-row:span 2}.team-grid,.facilities-grid{grid-template-columns:1fr}.approach-stats{grid-template-columns:1fr 1fr}.timeline-item{flex-direction:column;gap:15px}.timeline-marker{align-self:flex-start}.gallery-notice{text-align:center;flex-direction:column}.floating-btn{width:55px;height:55px;font-size:1.5rem}.floating-call{bottom:20px;left:20px}.floating-whatsapp{bottom:20px;right:20px}}