.app-container{scroll-behavior:smooth;background:radial-gradient(circle,#283d5e 0%,#0f172a 100%);flex-direction:column;min-width:100%;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:clamp(5px,5vw,5px)}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(#005f73,#5e94da);border:1.5px solid #001219;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94d2bd}@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;flex-wrap:wrap;justify-content:space-between;width:100%;min-height:80px;padding:5px;transition:all .6s ease-in-out;display:flex;position:fixed;height:auto!important}.menu-toggle{color:#fff;cursor:pointer;z-index:20;background:0 0;border:none;order:0;align-items:center;margin-bottom:10px;margin-left:15px;display:flex}.nav-logo-hero{order:1;justify-content:flex-end;align-items:center;width:50%;height:auto;display:flex}.menu-icon{opacity:1;visibility:visible;transition:opacity .3s,visibility .3s}.menu-icon.hidden{opacity:0;visibility:hidden}.nav-menu-wrapper{z-index:10;background-color:#0f172a;flex-direction:column;width:100%;height:100vh;padding:20px 30px;display:flex;position:fixed;top:0;overflow-y:auto;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;transition:transform .4s;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(.5rem,10vw,1.2rem);text-decoration:none;display:flex}.nav-links li a svg,.nav-links-auth li a svg{max-width:clamp(10px,10vw,20px);height:auto}.close-btn{width:clamp(20px,10vw,35px);height:auto}.nav-links-auth .btn-register-navbar{display:none}.nav-links li a.navlink-active,.nav-links-auth li a.navlink-active{color:#4f8dc6;border-bottom:2px solid #4f8dc6;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:30;background-color:#0f172a;border-bottom:1px solid #4f8dc680;flex-direction:row;align-items:center;width:100%;min-height:120px;padding:0 40px;display:flex;position:fixed;height:auto!important}.nav-logo-hero{flex:0 0 10%;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;min-height:120px;margin-left:15px;display:flex;position:static;height:auto!important;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-auth ul{justify-content:flex-start;align-items:center;margin-left:25px;display:flex}}@media (hover:hover){.nav-links li a.navlink-active:hover,.nav-links-auth li a.navlink-active:hover{color:#4f8dc6;border-bottom:2px solid #4f8dc6;padding:4px}.nav-links li a:hover,.nav-links-auth li a:first-child:hover,.menu-toggle:hover svg{color:#4f8dc6}}.btn-register{color:#fff;background:radial-gradient(#385392);border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;width:100%;height:45px;max-height:45px;font-family:Montserrat;font-size:clamp(.7rem,70%,3rem);display:flex}@media (hover:hover){.btn-register:hover{color:#000;background:#fff;border-color:#000;transition:color .2s ease-in-out}}.logo-img{max-width:clamp(125px,15vw,210px);height:auto;image-rendering:-webkit-optimize-contrast;margin-right:15px}.hero-container{background:radial-gradient(circle,#283d5e 0%,#0f172a 100%);width:100%;overflow:hidden}.section-one,.section-two{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:100vh;padding:10vh 5vw;display:flex}.hook-container{z-index:0;filter:drop-shadow(0 0 2px #000000b3)drop-shadow(2px 4px 6px #00000080);flex-direction:column;justify-content:center;align-items:center;margin-bottom:3vh;animation:10s ease-in-out infinite alternate fishing;display:flex;position:relative}.fishing-hook{width:clamp(2rem,3vw,60px);height:auto;transform:rotate(-45deg)}.anchor-rope{z-index:-1;background-color:#000;width:1.3px;height:150vh;position:absolute;bottom:85%;left:63%}.title-with-hook{text-shadow:0 0 30px #000;white-space:nowrap;margin-top:2vh;font-family:Bungee;font-size:clamp(1rem,10vw,3rem);line-height:1}.highlight-hook{color:#3b82f6;text-shadow:0 0 30px #000;margin-top:1vh;font-family:Bungee;font-size:clamp(1.5rem,10vw,5rem);display:block}.section-one p{color:#fff;text-transform:uppercase;text-shadow:0 0 30px #000;max-width:70vw;margin-top:3vh;font-family:Montserrat;font-size:clamp(.5rem,6vw,.8rem);line-height:1.8;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)}}@media (width>=1024px){.title-with-hook{font-size:clamp(3rem,6vw,6rem)}.highlight-hook{font-size:clamp(4rem,10vw,8rem)}.fishing-hook{width:4.5vw;min-width:3.5vw;max-width:6vw;height:auto}.hook-container{margin-top:25vh}@keyframes fishing{0%{transform:translate(-30vw)translateY(1vh)rotate(-10deg)}to{transform:translate(30vw)translateY(-1vh)rotate(10deg)}}}.side-bg-register,.register-header .btn-logo-register{display:none!important}.register-content{flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;margin-top:15%;display:flex;height:auto!important}.register-header{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:35px;display:flex}.register-header h1{overflow:wrap;color:#fff;text-align:center;margin-top:50px;margin-bottom:10px;padding:15px;font-family:Montserrat;font-size:clamp(2rem,80%,4rem);line-height:1.5}.inputs-container{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;max-width:100%;display:flex}.input-email,.input-username,.input-password,.input-confirm-password{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:300px;height:25px;margin-top:15px;padding:12px 15px;font-family:Montserrat;font-size:.8rem;display:flex}.inputs-container input:focus{border-color:#01f;outline:none;box-shadow:0 0 5px #000}.checkbox-pass-container{color:#e2e8f0;justify-content:center;align-items:center;gap:5px;margin-top:5%;font-family:Montserrat;font-size:clamp(.5rem,70%,1rem);display:flex}.checbox-terms-container{color:#e2e8f0;text-align:center;justify-content:center;align-items:center;gap:5px;width:100%;max-width:100%;margin:35px auto 0;font-family:Montserrat;font-size:clamp(.5rem,70%,1rem);line-height:1.5;display:flex}.checbox-terms-container .checkbox-terms,.checkbox-pass-container .checbox-show-pass{accent-color:#fff}.error-text{color:#ff0000e0;font-family:Montserrat;font-size:clamp(.7rem,85%,2rem)}@media (width>=1024px){*{box-sizing:border-box}.register-content{background:radial-gradient(circle,#283d5e 0%,#0f172a 100%);flex-direction:row;width:100%;max-width:100%;height:100vh;min-height:100vh;margin:0;padding:0;display:flex}.register-header{flex-flow:column wrap;justify-content:center;align-items:center;display:flex}.register-header h1{text-align:center;margin-top:0}.side-bg-register,.register-header .btn-logo-register{display:flex!important}.register-form-section{flex-shrink:0;justify-content:center;align-items:center;width:35%;min-width:35%;margin:0;padding:0;display:flex}.checkbox-terms,.checbox-show-pass{cursor:pointer;border-color:2px;margin-right:.7vw;transform:scale(1.2)}.checkbox-pass-container,.checbox-terms-container{gap:1px}.checkbox-label{color:#fff;cursor:pointer;font-family:Montserrat;font-size:clamp(.6rem,1.2vw,.8rem)}.btn-logo-register{margin-top:25px}}.visual-side-container{border-right:1px solid #fff;border-top-right-radius:5px;border-bottom-right-radius:5px;justify-content:center;align-self:stretch;width:65%;height:auto;min-height:100vh;display:flex;overflow:hidden}.visual-image{filter:blur(3px);will-change:filter;background-position:50%;background-size:cover;background-attachment:scroll;width:100%;height:auto;min-height:100vh;display:flex;position:relative}.side-bg-register,.side-bg-login{background-image:linear-gradient(135deg,#0a192fe6 5%,#000c 100%),url(/assets/Background_Auth-CcCdlKeW.jpg);background-position:50%;background-size:cover;background-attachment:fixed}.link-login-container{color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2rem;margin-bottom:2rem;padding:0 25px;font-family:Montserrat;line-height:1.6;display:flex}.link-login-container a{color:#2563eb;text-decoration:none}@media (hover:hover){.link-login-container a:hover{color:#1d4ed8}}.form-group label{color:#fff;font-family:Montserrat;font-size:clamp(1rem,75%,6rem);font-weight:700}.btn-submit-container{justify-content:center;align-items:center;width:100%;max-width:400px;height:100vh;max-height:50px;margin:20px auto 0;display:flex}.btn-submit{color:#fff;background:radial-gradient(#385392);border:2px solid #fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:80%;height:75%;font-family:Montserrat;font-size:clamp(.9rem,80%,3rem);display:flex}@media (hover:hover){.btn-submit:hover{cursor:pointer;color:#000;background:#fff;border:2px solid #000}}*{box-sizing:border-box;margin:0;padding:0}.side-bg-login,.login-header .btn-logo-login{display:none!important}.login-content{flex-direction:row;align-items:center;width:100%;min-height:100vh;margin-top:15%;display:flex;height:auto!important}.login-header{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:35px;display:flex}.login-header h1{overflow:wrap;color:#fff;text-align:center;margin-top:50px;margin-bottom:10px;padding:15px;font-family:Montserrat;font-size:clamp(2rem,80%,4rem);line-height:1.5}.login-form-section{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.inputs-login-container{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.input-email,.input-username,.input-password{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:300px;height:25px;margin-top:15px;padding:12px 15px;font-family:Montserrat;font-size:.8rem;display:flex}@media (width>=1024px){*{box-sizing:border-box}.side-bg-login,.login-header .btn-logo-login{display:flex!important}.login-content{background:radial-gradient(circle,#283d5e 0%,#0f172a 100%);flex-direction:row;width:100%;max-width:100%;height:100vh;min-height:100vh;margin:0;padding:0;display:flex}.login-form-section{flex-direction:column;justify-content:center;align-items:center;width:35%;display:flex}.login-header{flex-flow:column wrap;justify-content:center;align-items:center;display:flex}.login-header h1{text-align:center;margin-top:0}.btn-logo-login{margin-top:25px}}