body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;position:relative;color:#fff}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.app-container{position:relative;min-height:100vh;width:100%}.meteor-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}@keyframes meteor{0%{transform:rotate(var(--angle)) translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--angle)) translateX(1500px);opacity:0}}.animate-meteor{animation:meteor 10s linear infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:blink 1s infinite}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}.parallax-bg{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.section-transition{position:relative;height:100px;overflow:hidden}.section-transition:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,#000)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}.projectsContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:20px;padding:20px 0;width:100%;overflow-x:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.w-80{width:20rem}.flex-none{flex-shrink:0}@media (max-width:768px){.projectsContainer{flex-wrap:wrap}.flex.space-x-8{overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.flex.space-x-8>div{scroll-snap-align:center}}