.box .inputBox input,.box .inputBox textarea{padding:8px 0;margin-bottom:35px}.box h2.gradient-animate-effect,body.dark .box h2.gradient-animate-effect,body.hard-gray .box h2.gradient-animate-effect{-webkit-text-fill-color:transparent;animation:4s linear infinite animate}.box{width:100%}@media (min-width:768px){.box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:767px){.box{margin-top:50px}}.box h2{margin:0 0 40px;padding:0;color:#0162c8;text-align:left;background:linear-gradient(45deg,#0162c8,#00ff95 80%);background-clip:text;background:-webkit-linear-gradient(45deg,#0162c8,#00ff95 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box h2.error{background:linear-gradient(45deg,#f44336,#f44336 80%);background-clip:text;background:-webkit-linear-gradient(45deg,#f44336,#f44336 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box h2.gradient-animate-effect{color:#fff;background:linear-gradient(110deg,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#fff,#ffc15f,#fff,#0162c8 80%);background:-webkit-linear-gradient(110deg,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#fff,#ffc15f,#fff,#0162c8 80%);background-clip:text;-webkit-background-clip:text;background-size:200%}@keyframes animate{0%{background-position:0}100%{background-position:200%}}.box .inputBox{position:relative}.box .inputBox input,.box .inputBox textarea{outline:0;width:100%;box-sizing:border-box;box-shadow:none;border:none;border-radius:0;border-bottom:2px solid #d3d3d3}.box .inputBox input::placeholder,.box .inputBox textarea::placeholder{color:transparent}.box .inputBox textarea{min-height:150px;resize:vertical;max-height:300px}.box button{border-radius:40px;border:none;cursor:pointer;background:#d3d3d3;color:#fff;margin-bottom:0;padding:.9em 1.7em;font-size:.9em;letter-spacing:.1em;overflow:hidden}.box button:disabled{opacity:.4}.box .inputBox.inputBox--btns{display:flex;justify-content:flex-end}.box .inputBox.inputBox--btns>button:not(:last-child){margin-right:10px}.box .inputBox button{border-radius:40px}.box button[type=submit]{background:linear-gradient(90deg,#0162c8,#55e7fc);color:#fff}.box form .inputBox label{position:absolute;top:10px;left:0;color:#d3d3d3;font-size:.9em;transition:.5s;pointer-events:none}.box .inputBox input:focus~label,.box .inputBox input:not(:placeholder-shown)~label,.box .inputBox input:valid~label,.box .inputBox textarea:focus~label,.box .inputBox textarea:valid~label{top:-18px;left:0;color:#0162c8;font-size:12px;font-weight:700}.box .inputBox input:focus,.box .inputBox input:valid,.box .inputBox textarea:focus,.box .inputBox textarea:valid{border-bottom:2px solid #0162c8}.box .inputBox input:invalid~label,.box .inputBox textarea:invalid~label{color:#f44336;font-weight:700}body.gray .box .inputBox input,body.gray .box .inputBox textarea{border-bottom:2px solid #708090}body.gray .box form .inputBox label{color:#708090}body.dark .box button[type=button],body.gray .box button[type=button],body.hard-gray .box button[type=button]{background:gray;color:#fff}body.gray .box .inputBox input:invalid~label,body.gray .box .inputBox textarea:invalid~label{color:#db0000;font-weight:700}body.hard-gray .box .inputBox input,body.hard-gray .box .inputBox textarea{border-bottom:2px solid #fff}body.hard-gray .box form .inputBox label{color:#fff}body.hard-gray .box h2.gradient-animate-effect{color:#fff;background:linear-gradient(110deg,#0162c8,#0162c8,#fff,#fff,#fff,#fff,#fff,#f44336,#fff,#0162c8 80%);background:-webkit-linear-gradient(110deg,#0162c8,#0162c8,#fff,#fff,#fff,#fff,#fff,#f44336,#fff,#0162c8 80%);background-clip:text;-webkit-background-clip:text;background-size:200%}body.hard-gray .box .inputBox input:invalid~label,body.hard-gray .box .inputBox textarea:invalid~label{color:#ff8659;font-weight:700}body.dark .box .inputBox input:invalid~label,body.dark .box .inputBox textarea:invalid~label{color:#ff781e;font-weight:700}body.dark .box h2.gradient-animate-effect{color:#fff;background:linear-gradient(110deg,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#fff,#ff781e,#fff,#0162c8 80%);background:-webkit-linear-gradient(110deg,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#0162c8,#fff,#ff781e,#fff,#0162c8 80%);background-clip:text;-webkit-background-clip:text;background-size:200%}