@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,sans-serif}body{background:url(/assets/dragaodomar-FIwQfxDl.webp) no-repeat;background-size:cover;background-position:center}.box{width:100%;height:100vh;display:flex;justify-content:center;overflow:hidden;align-items:center}.wrapper{width:420px;background:#68666655;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 10px #0003;color:#fff;border-radius:10px;padding:10px 20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wrapper h1{font-size:36px;text-align:center}.wrapper .input-box{position:relative;width:100%;height:50px;margin:30px 0}.input-box input{width:100%;background:transparent;border:2px solid rgba(255,255,255,.2);outline:none;border-radius:40px;font-size:16px;color:#fff;padding:20px 45px 20px 20px}.input-box input::placeholder{color:#fff}.input-box .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px}.wrapper .remember-forgot{display:flex;justify-content:space-between;font-size:14.5px;margin:-15px 0 15px}.remember-forgot label input{accent-color:#fff;margin-right:4px}.remember-forgot a{color:#fff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.wrapper button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#333;font-weight:700}.wrapper .register{font-size:14.5px;text-align:center;margin:20px 0 15px}.register p a{color:#fff;text-decoration:none;font-weight:600}.register p a:hover{text-decoration:underline}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{width:100%;max-width:650px;background:#00000080;padding:28px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:0 28px;border-radius:10px;box-shadow:inset -2px 2px 2px #fff}.titulo{font-size:26px;font-weight:600;text-align:center;padding-bottom:6px;color:#fff;text-shadow:2px 2px 2px black;border-bottom:solid 1px white}.user-info{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px 0}.input-box:nth-child(2n){justify-content:end}.input-box{display:flex;flex-wrap:wrap;width:50%}.input-box label{width:95%;color:#fff;font-size:20px;font-weight:400;margin:5px 0}.input-box input{height:40px;width:95%;border-radius:7px;outline:none;border:1px solid grey;padding:0 10px}.gender-title{color:#fff;font-size:20px;font-weight:400}.gender-category{margin:5px 0;color:#fff}.gender-category label{padding:0 20px 0 5px}.gender-category label,.gender-category input,.submit-btn input{cursor:pointer}.submit-btn{margin-top:40px}.submit-btn input{display:block;width:200px;margin-left:200px;margin-top:10px;font-size:20px;padding:10px;border:none;border-radius:3px;color:#d1d1d1;background:#3f724cb3}.submit-btn input:hover{background:#38cc5db3;color:#fff}@media (max-width: 600px){.container{min-width:280px}.input-box{margin-bottom:12px;width:100%}.input-box:nth-child(2n){justify-content:space-between}.gender-category{display:flex;justify-content:space-between;width:100%}.user-info{max-height:380px;overflow:auto}.main-user-info::-webkit-scrollbar{width:0}}