*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;font-style:none;color:none}img{width:20px;height:auto}:root{--background: #0f1923;--border: #323b45;--red-thema: #f12c4c;--light-grey: #bcbfc7;--background-secondary: #1a242d;--text-color: hsl(0 0% 46%);--claro-cinza: hsl(224 6% 78%);--text-color-light: hsl(0, 0%, 98%);--text-color-light: hsla(0, 0%, 98%, .363);--body-color: hsl(0 0% 98%);--title-font-size: 1.875rem;--subititle-font-size: 1.125rem;--title-font: "Poppins", sans-serif;--body-font: "DM Sans", sans-serif}html{font-size:90%;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;margin:0;padding:0;overflow:hidden;width:100vw;height:100vh}body{background:linear-gradient(to right,var(--background),#000000);font-family:Roboto,sans-serif}.container{width:100vw;height:100vh;display:flex;justify-content:center;text-align:center;align-items:center}.sideleft{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.containerLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;padding:3rem;border:1px solid var(--border);border-radius:20px;box-shadow:5px 5px 15px #0000004d,-5px -5px 15px #000c;transform:perspective(1000px) rotateX(2deg) rotateY(2deg);transition:transform .3s ease,box-shadow .3s ease}.containerLogin:hover{transform:perspective(1000px) rotateX(0) rotateY(0);box-shadow:10px 10px 20px #00000080,-10px -10px 20px #000000e5}.logoImg{width:15rem;height:auto;padding:1rem}.logo{color:var(--light-grey);padding-top:1rem;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif}.logo h2{font-size:3rem}.logo h1{padding-top:.1rem;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:600}span{color:var(--red-thema)}.titleLogin{padding-bottom:2rem;color:var(--light-grey)}.titleLogin H3{font-family:Roboto,sans-serif;font-size:1.3rem;padding-bottom:.3rem}.login-container{margin-top:3rem}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:var(--claro-cinza);font-size:.875rem;font-weight:500;line-height:1.57}.form-group input{width:25rem;padding:10px;color:var(--light-grey);border:1px solid var(--border);border-radius:5px;background-color:var(--background)}.form-group input:focus{outline:none;background-color:var(--background);border:1px solid var(--red-thema)}.form-group input:-webkit-autofill{background-color:var(--background)}#recovery{cursor:pointer;display:flex;justify-content:flex-end;padding:0rem 1rem;color:var(--light-grey);width:100%}#recovery:hover{color:#fff;font-weight:800}.socialMedias{margin-top:2rem;display:flex;justify-content:center;width:100%}.beta{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--red-thema) 0%,#ff5e78 50%,var(--red-thema) 100%);background-size:200% 200%;border:none;border-radius:12px;cursor:pointer;text-decoration:none;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #f12c4c4d,0 4px 15px #f12c4c33;animation:btnGradientShift 3s ease infinite,btnPulseGlow 2.5s ease-in-out infinite}.beta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 60%,transparent 100%);transition:left .6s ease;pointer-events:none}.beta:after{content:"DEMO";display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem;padding:.15rem .5rem;font-size:.6rem;font-weight:800;letter-spacing:.08em;color:var(--red-thema);background:#fff;border-radius:6px;line-height:1;animation:badgeBounce 2s ease-in-out infinite}.beta:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 30px #f12c4c80,0 8px 25px #f12c4c59;background-size:200% 200%;color:#fff}.beta:hover:before{left:100%}.beta:active{transform:translateY(0) scale(.98);box-shadow:0 0 15px #f12c4c4d,0 2px 10px #f12c4c33}@keyframes btnGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes btnPulseGlow{0%,to{box-shadow:0 0 20px #f12c4c4d,0 4px 15px #f12c4c33}50%{box-shadow:0 0 30px #f12c4c73,0 6px 20px #f12c4c4d}}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}button{margin-top:15px;background-color:var(--red-thema);width:100%;color:#fff;font-weight:600;border:none;padding:12px 30px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{font-weight:600;background-color:var(--red-thema);border:1px solid var(--light-grey)}.buttonImg{align-items:center;width:.7rem;margin-left:.3rem;rotate:90deg}.error-message{color:#dc3545;margin-top:10px}a p{margin-left:16rem;margin-right:5rem;font-family:Roboto,sans-serif;font-size:.9rem;color:var(--light-grey);font-weight:400;display:flex;justify-content:center;padding:15px}a:hover p{font-weight:600;border-radius:5px;background-color:var(--red-thema);color:#fff;border:1px solid var(--red-thema);padding:15px}.sideright{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:50%}.slide1{width:30rem;height:auto;animation:slideUpDown 4s ease-in-out infinite;position:absolute;top:40vh;left:70%;animation-delay:0s;z-index:2}.slide2{width:35rem;height:auto;animation:slideUpDown 4s ease-in-out infinite;position:absolute;top:35vh;left:55%;animation-delay:0s;z-index:1}.features img{position:absolute;width:5.5rem;height:5.5rem;animation:float 3s ease-in-out infinite}.features .leftSide img:nth-child(1){width:5.5rem;height:5.5rem;top:30%;left:80%;transform:rotate(-15deg);animation:float1 3s ease-in-out infinite;z-index:90}.features .leftSide img:nth-child(2){width:4rem;height:4rem;top:53%;left:88%;transform:rotate(0);animation:float2 2s ease-in-out infinite}.features .leftSide img:nth-child(3){width:5rem;height:5rem;top:72%;left:83%;transform:rotate(-0deg);animation:float3 2.7s ease-in-out infinite;z-index:90}@keyframes slideUpDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float1{0%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-10px)}to{transform:rotate(-15deg) translateY(0)}}@keyframes float2{0%{transform:rotate(-35deg) translateY(0)}50%{transform:rotate(-35deg) translateY(-10px)}to{transform:rotate(-35deg) translateY(0)}}@keyframes float3{0%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-10px)}to{transform:rotate(-15deg) translateY(0)}}@keyframes float4{0%{transform:rotate(20deg) translateY(0)}50%{transform:rotate(20deg) translateY(-10px)}to{transform:rotate(20deg) translateY(0)}}@keyframes float5{0%{transform:rotate(30deg) translateY(0)}50%{transform:rotate(30deg) translateY(-10px)}to{transform:rotate(30deg) translateY(0)}}@keyframes float6{0%{transform:rotate(30deg) translateY(0)}50%{transform:rotate(30deg) translateY(-10px)}to{transform:rotate(30deg) translateY(0)}}@media only screen and (max-width: 768px){.container{width:100%;height:100%;overflow:hidden;flex-direction:flex;justify-content:center;align-items:center}.sideleft{padding:0;margin:0}.logoImg{width:15rem;height:auto}.form-group input{width:22rem}.logo h1{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600}.containerLogin{border:none;box-shadow:none;transform:none;transition:transform .3s ease,box-shadow .3s ease}.containerLogin:hover{transform:none;box-shadow:none}.login-container{padding:0rem}.group,.sideright{display:none}}.password-wrapper input{flex-grow:1;border:none;background:transparent;padding:10px;color:var(--light-grey);font-size:1rem}#toggle-password{width:50px;margin:0!important;background:transparent;border:none;cursor:pointer;color:var(--claro-cinza);font-size:1.2rem;padding:0 15px;display:flex;align-items:center;justify-content:center;height:100%}.password-wrapper{display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;background-color:var(--background);transition:border-color .2s ease}.password-wrapper:focus-within{border-color:var(--red-thema)}.password-wrapper input{flex-grow:1;border:none;border-radius:5px 0 0 5px;background:transparent;padding:10px;color:var(--light-grey);width:100%}.password-wrapper input:-webkit-autofill,.password-wrapper input:-webkit-autofill:hover,.password-wrapper input:-webkit-autofill:focus,.password-wrapper input:-webkit-autofill:active,.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--background) inset!important;-webkit-text-fill-color:var(--light-grey)!important}.password-wrapper input:focus{outline:none}#toggle-password{background:transparent;border:none;cursor:pointer;color:var(--claro-cinza);font-size:1.2rem;padding:0 15px;display:flex;align-items:center;justify-content:center;height:100%}#toggle-password:hover{color:#fff}