*{box-sizing:border-box;margin:0;padding:0}.app-container{scroll-behavior:smooth;background-color:#d5d5d5;flex-direction:column;min-width:100%;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(#005f73,#5e94da);border:2px solid #001219;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94d2bd}.btn-register{color:#fff;background-color:#3b82f6;border-radius:8px;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;display:flex}.btn-register:hover{color:#000;background-color:#2563eb;transition:color .2s ease-in-out}.logo-img{object-fit:contain;width:auto;max-height:65%;image-rendering:-webkit-optimize-contrast;display:block}@font-face{font-family:Bungee;src:url(/fonts/Bungee.ttf)format("truetype");font-weight:700}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.ttf)format("truetype");font-weight:700}*{margin:0;padding:0}.navbar{z-index:10;background-color:#0000;justify-content:space-around;width:100%;padding:5px;transition:all .6s ease-in-out;display:flex;position:fixed}.menu-toggle{color:#fff;cursor:pointer;z-index:20;background:0 0;border:none;order:0;align-items:center;margin-bottom:20px;padding:0;display:flex}.nav-logo-hero{order:1;align-items:center;max-width:200px;max-height:115px;display:flex}.menu-icon{opacity:1;visibility:visible;transition:opacity .3s,visibility .3s}.menu-icon.hidden{opacity:0;visibility:hidden}.logo-img{max-width:210px;height:115px}.nav-menu-wrapper{z-index:10;background-color:#0f172a;flex-direction:column;width:100%;height:100vh;padding:20px 30px;transition:transform 1s;display:flex;position:fixed;top:0;transform:translate(-100%)}.navbar-active{background-color:#0f172a;border-bottom:1px solid #fff;padding:5px;box-shadow:0 4px 10px #0000004d}.nav-menu-wrapper.open{z-index:5;transform:translate(0)}.nav-links,.nav-links-auth{flex-direction:column;justify-content:center;gap:20px;list-style:none;display:flex}.nav-links li a,.nav-links-auth li a{color:#fff;align-items:center;gap:10px;padding:0 0 0 5px;font-family:Montserrat;font-size:clamp(1rem,5vw,3rem);text-decoration:none;display:flex}.nav-links li a svg,.nav-links-auth li a svg{width:1.2em;height:1.2em}.close-btn svg{width:6vw;min-width:30px;max-width:50px;height:auto}.nav-links-auth .btn-register-navbar{display:none}.nav-links li a.navlink-active,.nav-links-auth li a.navlink-active,.nav-links li a.navlink-active:hover,.nav-links-auth li a.navlink-active:hover{color:#00f;border-bottom:2px solid #00f;padding:4px}@media (width>=1024px){.navbar-principal br,.menu-toggle,.auth-nav,.nav-text-link{display:none!important}.nav-links-auth .btn-register-navbar{padding:10px;display:flex}.navbar-principal{box-sizing:border-box;z-index:1000;background-color:#0f172a;border-bottom:1px solid #4f8dc680;flex-direction:row;align-items:center;width:100%;height:120px;max-height:120px;padding:0 40px;display:flex;position:fixed}.nav-logo-hero{flex:0 0 30%;order:0;justify-content:center;align-items:center;margin-top:20px;display:flex}.nav-menu-wrapper{background:0 0;flex-direction:row;flex:1;order:1;justify-content:space-between;height:120px;max-height:120px;margin-left:20px;display:flex;position:static;transform:none!important}.nav-links,.nav-links-auth{flex-direction:row;align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-links li a,.nav-links-auth li a{color:#fff;white-space:nowrap;align-items:center;font-size:clamp(.8rem,1vw,2.5rem);text-decoration:none;display:flex}.nav-links li a:hover,.nav-links-auth li a:hover{color:#4f8dc6}.nav-links-auth .btn-register-navbar:hover{color:#000}.nav-links-auth ul{justify-content:flex-start;align-items:center;margin-left:25px;display:flex}}.hero-container{background:radial-gradient(circle,#283d5e 0%,#0f172a 100%);border-bottom:2px solid #000;width:100vw;overflow:hidden}.section-one,.section-two{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2vh 5vw;display:flex;position:relative}.floating-hook{z-index:0;filter:drop-shadow(0 0 2px #000000b3)drop-shadow(2px 4px 6px #00000080);flex-direction:column;align-items:center;margin-bottom:4vh;animation:5s ease-in-out infinite alternate fishing;display:flex;position:relative}.anchor-rope{z-index:-1;background-color:#000;width:2px;height:100vh;position:absolute;bottom:85%;left:63%}.fishing-hook{width:10vw;min-width:55px;max-width:85px;height:auto;transform:rotate(-45deg)}.title-with-hook{text-shadow:0 0 30px #000;white-space:nowrap;margin:0;font-family:Bungee;font-size:clamp(2.5rem,6vw,6rem);line-height:1}.highlight-hook{color:#3b82f6;text-shadow:0 0 30px #000;margin-top:1vh;font-family:Bungee;font-size:clamp(4.5rem,10vw,14rem);display:block}.section-one p{color:#fff;text-transform:uppercase;text-shadow:0 0 30px #000;opacity:0;white-space:nowrap;max-width:70vw;margin-top:3vh;font-family:Montserrat;font-size:clamp(.5rem,1.2vw,1.5rem);animation:1.5s ease-out 1s forwards fadeIn}@keyframes fishing{0%{transform:translate(-35vw)translateY(1vh)rotate(-10deg)}to{transform:translate(35vw)translateY(-1vh)rotate(10deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-content{background:radial-gradient(circle,#283d5e 0%,#0f172a 100%);width:100vw;height:100vh;margin:0;padding:0;display:flex}.register-visual{flex:0 0 65%;display:flex}.register-form-section{justify-content:top;flex-direction:column;flex:0 0 35%;align-items:center;display:flex}.btn-logo-register{margin-top:8vh}.register-card{flex-direction:column;justify-content:center;align-items:center;display:flex}.register-card h1{color:#fff;margin-top:-4vh;margin-bottom:4vh;font-family:Montserrat;font-size:clamp(3rem,1.2vw,3.5rem)}.btn-register-page{margin-top:4vh}.input-register-page{background-color:#fff;border:2px solid #000;border-radius:.2rem;width:15vw;height:5vh;margin-top:1vh;margin-bottom:3vh;padding:.5vw;font-family:Montserrat}.terms-container{display:flex}.checkbox-terms{cursor:pointer;border-color:2px;margin-right:.7vw;transform:scale(1.5)}.checkbox-label{color:#fff;cursor:pointer;font-family:Montserrat;font-size:clamp(.6rem,1.2vw,.8rem)}.form-group label{color:#fff;font-family:Montserrat;font-size:1.1rem;font-weight:700}