@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");@font-face{font-family:'Leckerli One';font-style:normal;font-weight:400;src:url("../static/fonts//leckerlione.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.dp-modal-container{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.1);text-align:center}.dp-message{display:inline-block;min-width:200px;max-width:90%;text-align:center;border:4px solid #bfbfbf;border-radius:10px;padding:2rem;margin:1rem;background-color:#fbfbfb;color:#393434}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins", sans-serif}body{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#ECF3F2}::-moz-selection{color:#fff;background:#00C9A7}::selection{color:#fff;background:#00C9A7}.wrapper{max-width:380px;padding:40px 30px 50px 30px;background:#7c7e84;border-radius:5px;text-align:center;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.wrapper header{font-size:35px;font-weight:600;color:#fff}.wrapper form{margin:40px 0}form .field{width:100%;margin-bottom:20px}form .field.shake{-webkit-animation:shake 0.3s ease-in-out;animation:shake 0.3s ease-in-out}@-webkit-keyframes shake{0%, 100%{margin-left:0px}20%, 80%{margin-left:-12px}40%, 60%{margin-left:12px}}@keyframes shake{0%, 100%{margin-left:0px}20%, 80%{margin-left:-12px}40%, 60%{margin-left:12px}}form .input-area{height:50px;width:100%;position:relative;background-color:white}form input{width:100%;height:100%;outline:none;padding:0 45px;font-size:18px;background:none;color:#79787c;border-radius:5px;border:1px solid #e1d9ec;border-bottom-width:2px;transition:all 0.2s ease}form .field input:focus,form .field.valid input{border-color:#00C9A7}form .field.shake input,form .field.error input{border-color:#dc3545}.input-area i{position:absolute;top:50%;font-size:18px;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-area .icon{left:15px;color:#79787c;transition:color 0.2s ease}.input-area.progress{margin-top:64px}.input-area.progress .icon{display:none;color:white;font-size:36px;top:5px}.busy .input-area.progress .icon{display:block}.input-area .error-icon{right:15px;color:#dc3545}form input:focus ~ .icon,form .field.valid .icon{color:#00C9A7}form .field.shake input:focus ~ .icon,form .field.error input:focus ~ .icon{color:#bfbfbf}form input::-webkit-input-placeholder{color:#bfbfbf;font-size:17px}form input:-ms-input-placeholder{color:#bfbfbf;font-size:17px}form input::-ms-input-placeholder{color:#bfbfbf;font-size:17px}form input::placeholder{color:#bfbfbf;font-size:17px}form .field .error-txt{color:#dc3545;text-align:left;margin-top:5px}form .field .error{display:none}form .field.shake .error,form .field.error .error{display:block}form .pass-txt{text-align:left;margin-top:-10px}.wrapper a{color:#00C9A7;text-decoration:none}.wrapper a:hover{text-decoration:underline}form input[type="submit"]{height:50px;color:#79787c;padding:0;border:none;background-color:#ECF3F2;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0.1);transition:all 0.3s ease}form input[type="submit"]:hover{background:#22E4AC}.banner{text-align:center}.banner h1{font-size:2.4em;font-family:'Leckerli One';font-weight:normal}