@font-face{font-family:Dejavu Sans Mono;src:url(/build/assets/Dejavu%20Sans%20Mono-E2OKDRzu.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto Black;src:url(/build/assets/Roboto%20Black-BehXRDHz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto Regular;src:url(/build/assets/Roboto%20Regular-Duvu0CAl.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primary-color: #0F0F0F;--secondary-color: #3d3d3d;--accent-color: #1E90FF;--inputs-color: #aaa}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{height:100vh;background-color:var(--primary-color)}.container{width:100%;margin:auto;max-width:640px}.header{height:37vh;text-align:center;padding:11vh 0;border-bottom-left-radius:210px;border-bottom-right-radius:210px;background:linear-gradient(to bottom,#1ea6f7,#3fd2b8)}.header h1{color:#fff;font-size:32px}.login-container{top:50%;left:50%;width:100%;max-width:480px;position:absolute;transform:translate(-50%,-50%)}.icon-box{background-color:var(--secondary-color);color:var(--accent-color);width:210px;height:100px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:32px;border:2px solid var(--accent-color);position:relative;bottom:-90px;left:50%;transform:translate(-50%)}.icon-box svg{width:60px;height:60px;fill:var(--accent-color)}.login-box{background-color:var(--secondary-color);padding:60px 30px 30px;border-radius:20px;margin-top:40px;color:#fff}.login-box h2{margin:10px 0 0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--secondary-color) inset;-webkit-text-fill-color:#FFFFFF;caret-color:#fff;transition:background-color 5000s ease-in-out 0s}.input-group{cursor:text;display:flex;margin-top:20px;position:relative;padding:15px 10px;align-items:flex-start;border-radius:5px 20px 20px;border:2px solid var(--inputs-color);background-color:var(--secondary-color)}.input-group input{border:none;outline:none;color:#fff;font-size:1rem;padding-left:10px;background:var(--secondary-color)}.input-wrapper{position:relative;flex:1;display:flex;flex-direction:column}.input-wrapper label{position:absolute;left:10px;font-size:1rem;color:var(--inputs-color);pointer-events:none;background-color:transparent;transform-origin:top left;transition:transform .25s ease,color .25s ease}.input-wrapper.floating label{padding:0 8px;font-weight:500;letter-spacing:.07rem;background-color:var(--secondary-color);transform:translate(-30px,-25px) scale(.85)}.input-wrapper.floating input:focus+label{color:var(--accent-color)}.input-group:focus-within{border-color:var(--accent-color)}.input-group:focus-within .icon,.input-group:focus-within .eye-icon{color:var(--accent-color)}.icon{font-size:1.5rem;color:var(--inputs-color)}.eye-icon{right:0;cursor:pointer;position:absolute}.remember-forgot{display:flex;margin:20px 0 25px;justify-content:space-between}.rememberme{cursor:pointer}.forgot{font-size:1rem;text-decoration:none;color:var(--accent-color)}.login-btn{border:none;color:#fff;padding:12px;border-radius:15px;width:100%;font-size:1rem;cursor:pointer;margin-bottom:20px;background:var(--accent-color);font-family:Roboto Regular,sans-serif}.social-login{gap:50px;left:50%;display:flex;position:absolute;margin-top:5px;justify-content:center;transform:translate(-50%)}.google-btn,.facebook-btn{width:50px;height:50px;display:flex;cursor:pointer;border-radius:50%;align-items:center;justify-content:center;border:var(--secondary-color);background:var(--secondary-color);box-shadow:0 4px 10px #0006}.google-btn img,.facebook-btn img{width:40px}.register-btn{display:block;width:75%;padding:12px;background:transparent;border:2px solid var(--accent-color);color:#fff;border-radius:25px;font-size:16px;cursor:pointer;margin:50px auto 0}.error-message{font-size:1rem;color:#ff6b6b;text-align:left;margin:.3rem .5rem 0}.success-message{color:green;font-size:1rem;margin:1.3rem 0 0;text-align:center}.error-status-message{padding:.5rem;color:red;text-align:left;border-radius:8px;margin:20px 0 25px;font-size:.95rem;background-color:#f9e9e9;border-left:4px solid red}.success-status-message{background-color:#eafaf1;border-left:4px solid #2ecc71;color:#2e7d32;padding:.5rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem;text-align:left}@media (max-width: 600px){.header{padding:9vh 0}.login-container{top:45%;width:90%}}@media (max-width: 540px){.header{height:26vh;padding:5vh 0;border-bottom-left-radius:100px;border-bottom-right-radius:100px}.login-container{top:40%;width:85%}.login-box{padding:60px 20px 30px}}