@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f0f9ff,#fff,#faf5ff)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.py-20{padding:5rem 0}nav{position:fixed;top:0;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;z-index:50}.nav-container{display:flex;justify-content:space-between;align-items:center;height:4rem;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem}.nav-links button{background:none;border:none;font-weight:500;color:#6b7280;cursor:pointer;transition:color .2s;text-transform:capitalize}.nav-links button:hover,.nav-links button.active{color:#3b82f6}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#fff,#faf5ff)}.space-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/space-background-for-kids-spaceship-and-stars-seamless-pattern-design-in-cartoon-style-use-for-prints-wallpaper-decorations-textiles-illustrations-free-vector.jpg);background-repeat:repeat;background-size:600px 600px;opacity:.3;z-index:0;will-change:auto;transform:translateZ(0)}@media (max-width: 768px){.space-background{background-size:400px 400px;opacity:.25}}.picasso-blocks{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.picasso-blocks-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.block{position:absolute;opacity:.15;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 8px #0000001a;animation:floatAndRotate 8s ease-in-out infinite;transform-origin:center center}.block:nth-child(3n){animation-delay:0s}.block:nth-child(3n+1){animation-delay:2.5s}.block:nth-child(3n+2){animation-delay:5s}.block:nth-child(5n){animation-duration:10s}.block:nth-child(7n){animation-duration:12s}.block:nth-child(11n){animation-duration:6s}.block.triangle{width:0!important;height:0!important;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:60px solid;background:none!important;border-bottom-color:var(--triangle-color)}.block.tall-triangle{width:0!important;height:0!important;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:90px solid;background:none!important;border-bottom-color:var(--triangle-color)}.block-1{top:35%;left:25%;width:60px;height:60px;background:linear-gradient(45deg,#3b82f6,#1d4ed8)}.block-2{top:70%;right:15%;width:120px;height:120px;background:linear-gradient(45deg,#ef4444,#dc2626)}.block-3{top:40%;left:60%;width:60px;height:60px;background:linear-gradient(45deg,#10b981,#059669)}.block-4{bottom:25%;left:20%;width:60px;height:60px;background:linear-gradient(45deg,#f59e0b,#d97706)}.block-5{top:15%;right:25%;width:60px;height:60px;background:linear-gradient(45deg,#8b5cf6,#7c3aed)}.block-6{bottom:40%;right:10%;width:60px;height:60px;background:linear-gradient(45deg,#ec4899,#db2777)}.tiles-connected .block-1{top:35%;left:25%}.tiles-connected .block-2{top:35%;left:85px;transition-delay:0s}.tiles-connected .block-3{top:35%;left:145px;transition-delay:0s}.tiles-connected .block-4{top:95px;left:25%;transition-delay:0s}.tiles-connected .block-5{top:95px;left:85px;transition-delay:0s}.tiles-connected .block-6{top:95px;left:145px;transition-delay:0s}.moving-block{transition:all 1.5s ease-in-out}.hero-content{position:relative;z-index:1}.train-tracks{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.track{position:absolute;background:linear-gradient(90deg,#8b4513,sienna,#8b4513);border-radius:2px;opacity:.15;animation:trackFloat 12s ease-in-out infinite}.track-1{top:15%;left:5%;width:120px;height:8px;transform:rotate(25deg);animation-delay:0s}.track-2{top:25%;right:10%;width:100px;height:8px;transform:rotate(-15deg);animation-delay:2s}.track-3{bottom:35%;left:15%;width:140px;height:8px;transform:rotate(10deg);animation-delay:4s}.track-4{top:70%;right:20%;width:90px;height:8px;transform:rotate(-25deg);animation-delay:6s}.track-5{bottom:15%;right:5%;width:110px;height:8px;transform:rotate(5deg);animation-delay:8s}@keyframes trackFloat{0%,to{transform:translateY(0) rotate(var(--track-rotation))}50%{transform:translateY(-15px) rotate(var(--track-rotation))}}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto;padding:0 1rem}.hero-avatar{width:8rem;height:8rem;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #3b82f64d;overflow:hidden}.hero-avatar-img{width:100%;height:128%;object-fit:cover;border-radius:50%}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;background-color:#fffc;padding:10px;border-radius:19px}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:#3b82f6;color:#fff;box-shadow:0 4px 6px #3b82f633}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 12px #3b82f64d}.btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.btn-secondary:hover{background:#f8fafc;transform:translateY(-2px)}.btn-group{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.btn-group{flex-direction:row}}.section{padding:5rem 0}.section-white{background:#fff}.section-gray{background:#f9fafb}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:all .3s;text-align:center}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.card-icon{width:4rem;height:4rem;margin:0 auto 1rem;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-icon svg{width:2rem;height:2rem;color:#3b82f6}.card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.card p{color:#6b7280}.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem}.filter-btn{padding:.75rem 1.5rem;border-radius:2rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid #e5e7eb;background:#fff;color:#374151}.filter-btn:hover,.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.05)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;min-height:400px;align-items:start}.gallery-item{background:#fff;border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .3s ease-out;box-shadow:0 4px 6px #0000001a;will-change:transform,opacity;transform-origin:center center}.gallery-item:hover{transform:scale(1.05);box-shadow:0 12px 24px #00000026}.gallery-item:active{transform:scale(.98)}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 40px #0000004d}.lightbox-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;z-index:10}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;z-index:10}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}.gallery-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#eff6ff,#faf5ff);display:flex;align-items:center;justify-content:center;position:relative}.gallery-placeholder:before{content:"";position:absolute;inset:0;background:#0000;transition:background .3s}.gallery-item:hover .gallery-placeholder:before{background:#0000001a}.gallery-content{padding:1rem}.gallery-content h3{font-weight:600;margin-bottom:.5rem;color:#1f2937}.gallery-content p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.gallery-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-item{background:#fff;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .3s;box-shadow:0 4px 6px #0000001a;text-decoration:none;color:inherit}.contact-item:hover{transform:scale(1.05);box-shadow:0 12px 24px #00000026}.contact-icon{width:3rem;height:3rem;margin:0 auto 1rem;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-icon svg{width:1.5rem;height:1.5rem;color:#3b82f6}footer{background:#1f2937;color:#fff;padding:3rem 0;text-align:center}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;z-index:1000;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.scroll-to-top:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#7c3aed)}.scroll-to-top:active{transform:translateY(0)}.scroll-to-top svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.scroll-to-top{bottom:1rem;right:1rem;width:3rem;height:3rem;z-index:1001;box-shadow:0 6px 16px #3b82f666}.scroll-to-top svg{width:1.5rem;height:1.5rem}}@media (max-width: 480px){.scroll-to-top{bottom:.75rem;right:.75rem;width:2.75rem;height:2.75rem}.scroll-to-top svg{width:1.25rem;height:1.25rem}}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.section-header h2{font-size:2rem}.card-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.bounce-gentle{animation:bounceGentle 2s infinite}.bouncing-chevron{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatAndRotate{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(90deg)}50%{transform:translate(-5px,-25px) rotate(180deg)}75%{transform:translate(-15px,-10px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.bubbles-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:translateZ(0);will-change:auto;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none;z-index:1}.bubbles-animation.active{opacity:1}.bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#fffc,#ffffff4d);border-radius:50%;animation:bubbleFloat 12s ease-in-out infinite;opacity:.7;will-change:auto;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;contain:layout style paint}@keyframes bubbleFloat{0%{transform:translateZ(0) scale(1);opacity:.7}25%{transform:translate3d(80px,-60px,0) scale(1.1);opacity:.8}50%{transform:translate3d(-40px,-100px,0) scale(.9);opacity:.6}75%{transform:translate3d(60px,-140px,0) scale(1.05);opacity:.7}to{transform:translate3d(0,-200px,0) scale(.8);opacity:.5}}.puzzle-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:translateZ(0);will-change:auto;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none;z-index:1}.puzzle-animation.active{opacity:1}.puzzle-piece{position:absolute;animation:puzzleFloat 50s ease-in-out infinite;opacity:.8;will-change:auto;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;contain:layout style paint}.puzzle-piece svg{width:100%;height:100%;filter:drop-shadow(0 4px 15px rgba(0,0,0,.1))}@keyframes puzzleFloat{0%{transform:translate3d(15px,-10px,0) rotate(90deg);opacity:.8}25%{transform:translate3d(15px,-10px,0) rotate(90deg);opacity:.8}50%{transform:translate3d(-8px,-20px,0) rotate(180deg);opacity:.6}75%{transform:translate3d(12px,-30px,0) rotate(270deg);opacity:.7}to{transform:translate3d(0,-40px,0) rotate(360deg);opacity:.5}}.hero-section{position:relative;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(0);will-change:auto;contain:layout style paint}.picasso-container{opacity:0;transition:opacity 2s ease-in-out;pointer-events:none;z-index:1}.picasso-container.active{opacity:1}
