@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap");@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease forwards}@keyframes moveBackground{0%{background-position:0 0}to{background-position:50px 50px}}.moving-bg{animation:moveBackground 20s linear infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.2}to{transform:translate(-50%,-50%) scale(1);opacity:.5}}.pulse-effect{animation:pulse 2s infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.float{animation:float 6s ease-in-out infinite}.float-delayed{animation:float 6s ease-in-out 2s infinite}@keyframes growAndFade{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:.5}to{transform:scaleX(.8);opacity:0}}.grow-fade{animation:growAndFade 3s infinite}.card-3d{transition:transform .3s ease}.card-3d:hover{transform:translateZ(20px) rotateX(5deg) rotateY(5deg)}.animate-on-scroll{opacity:0;transform:translateY(100px);transition:all 1s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.active{opacity:1;transform:translateY(0)}.process-card{opacity:0;transform:translateY(100px);transition:all 1s cubic-bezier(.4,0,.2,1)}.process-card.active{opacity:1;transform:translateY(0)}.font-caveat{font-family:Caveat,cursive}#main-header{transition:all .3s ease}#main-header.scrolled{background-color:hsl(240,100%,25%);box-shadow:0 4px 10px rgba(0,0,0,.2)}.logo a{text-decoration:none;display:flex;align-items:center}.logo span{font-weight:700;color:white;font-size:1.2rem}.mobile-menu-button{display:none;background:transparent;border:none;padding:10px;margin-right:-10px}.btn-connect,.btn-devenir{display:inline-block;padding:10px 20px;border-radius:9999px;text-align:center;font-weight:700;transition:all .3s ease;text-decoration:none}.btn-devenir{background-color:hsl(240,100%,25%);color:white!important}.btn-devenir:hover{background-color:hsl(240,100%,35%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-connect{background-color:#FFD700;color:black!important}.btn-connect:hover{background-color:#e6c300;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.icon{margin-left:8px;transition:transform .3s ease}.btn-devenir:hover .icon{transform:translateX(5px)}@media (min-width:768px){.menu{display:flex;align-items:center}.menu .btn-connect{margin-left:1rem}}@media (max-width:767px){.mobile-menu-button{display:flex;z-index:101}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.btn-connect,.btn-devenir{width:90%;margin:0;text-align:center}.mobile-menu-exit{transform:translateX(100%)}.mobile-menu-enter{transform:translateX(0)}}.hamburger-icon{width:30px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon .bar{display:block;width:100%;height:4px;background-color:white;border-radius:4px;transition:all .3s ease-in-out;box-shadow:0 1px 1px rgba(0,0,0,.2)}.mobile-menu-button.active .hamburger-icon .bar:first-child{transform:translateY(8.5px) rotate(45deg)}.mobile-menu-button.active .hamburger-icon .bar:nth-child(2){opacity:0;transform:translateX(-10px)}.mobile-menu-button.active .hamburger-icon .bar:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mobile-menu-enter{animation:slideInRight .3s forwards}.mobile-menu-exit{animation:slideOutRight .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.backdrop-enter{animation:fadeIn .3s forwards}.backdrop-exit{animation:fadeOut .3s forwards}@keyframes bounceFadeIn{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.menu-item{opacity:0}.menu-open .menu-item:first-child{animation:bounceFadeIn .5s .1s forwards}.menu-open .menu-item:nth-child(2){animation:bounceFadeIn .5s .2s forwards}.mobile-menu-button:focus{border-radius:5px}.btn-connect:focus,.btn-devenir:focus,.mobile-menu-button:focus{outline:2px solid rgba(255,255,255,.5)}body.menu-open{overflow:hidden}@media (max-width:767px){.menu-backdrop{z-index:55!important}.menu-backdrop,nav.md\:hidden{position:fixed!important;pointer-events:auto!important}nav.md\:hidden{z-index:60!important}nav.md\:hidden a,nav.md\:hidden button{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:61!important}.mobile-menu-button{position:relative!important;z-index:62!important;pointer-events:auto!important}}