body{font-family:arial;margin:0}.keyform{display:flex;flex-direction:column;width:100%;max-width:543px;min-width:320px;height:273px;padding:0;background-image:url(bg.png);background-repeat:round;align-items:center;justify-content:center}.keyform .container{width:97%;max-width:523px;height:246px;border:1px solid #2a3851;border-radius:3px;background-color:#232c3d}.keyform .container .submit-block{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.keyform .container .submit-block .status{font-size:16px;font-weight:400;position:relative;padding-left:17px}.keyform .container .submit-block .status::before{display:inline-block;width:12px;height:12px;content:'';border-radius:7px;position:absolute;left:0;top:2px}.keyform .container .submit-block .error{color:#e3204e}.keyform .container .submit-block .error::before{background-color:#e3204e;box-shadow:1px 2px 4px rgba(0,0,0,.56),0 0 5px 1px rgba(255,122,153,.25);animation:blinking-back 1.5s ease-in-out infinite}.keyform .container .submit-block .progress{color:#e0a011}.keyform .container .submit-block .progress::before{background-color:#e0a011;box-shadow:1px 2px 4px rgba(0,0,0,.56),0 0 5px 1px rgba(244,188,62,.25);animation:blinking-back 2.5s ease-in-out infinite}.keyform .container .submit-block .accept{color:#0fe196}.keyform .container .submit-block .accept a{color:#0fe196}.keyform .container .submit-block .accept::before{background-color:#0fe196;box-shadow:1px 2px 4px rgba(0,0,0,.56),0 0 5px 1px rgba(78,192,119,.25)}.keyform .container .form{display:flex;flex-direction:column;padding:28px 39px}.keyform .container .form .url-block{position:relative}.keyform .container .form .url-block .ar{left:4px;right:unset}.keyform .container .form .url-block a{position:absolute;top:6px;right:4px;max-width:100px;padding:8px;font-weight:600;text-align:center;text-decoration:none;text-transform:uppercase;color:#1b2433;border:0;border-radius:2px;cursor:pointer;background-color:#f1bf0f}.keyform .container .form input{font-size:14px;font-style:italic;box-sizing:border-box;width:100%;height:45px;margin:0 0 8px 0;padding:0 20px 0 20px;color:#777d88;border:none;border-radius:3px;background-color:#181e29}.keyform .container .form .submit-block button{font-size:22px;font-weight:700;width:223px;height:50px;margin:18px 0;padding:10px 25px;cursor:pointer;text-align:center;text-transform:uppercase;color:#181e29;border:0;border-radius:4px;background-color:#57d688;background-image:linear-gradient(-8deg,#4ec077 0,#0fe196 100%);transition:box-shadow .5s ease-in-out}.keyform .container .form .submit-block button:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.keyform .container .form .submit-block button:disabled{background-color:#1e232d;background-image:linear-gradient(-8deg,#26332b 0,#3fab84 100%);cursor:not-allowed}@keyframes blinking-back{100%{opacity:1}50%{opacity:0}0%{opacity:1}}