body{align-items:center;background-color:#4a8179;display:flex;height:100vh;justify-content:center}.form{height:500px}.form,.form-small{background-color:#15172b;border-radius:20px;box-sizing:border-box;padding:20px;width:320px}.form-small{height:250px}.title{color:#eee;font-family:sans-serif;font-size:36px;font-weight:600;margin-top:30px}.checkbox-text,.subtitle{font-size:16px;margin-top:10px}.checkbox-text,.subtitle,.text{color:#eee;font-family:sans-serif;font-weight:600}.text{font-size:13px;margin-top:20px}.input-container{height:50px;position:relative;width:100%}.ic1{margin-top:25px}.ic2{margin-top:30px}.input{background-color:#303245;border:0;border-radius:12px;box-sizing:border-box;color:#eee;font-size:15px;height:100%;outline:0;padding:4px 20px 0;width:100%}.cut{background-color:#15172b;border-radius:10px;height:20px;left:20px;position:absolute;top:-20px;transform:translateY(0);transition:transform .2s;width:83px}.cut-short{width:50px}.input:not(:-moz-placeholder-shown)~.cut{transform:translateY(8px)}.input:focus~.cut,.input:not(:placeholder-shown)~.cut{transform:translateY(8px)}.placeholder{color:#65657b;font-family:sans-serif;left:20px;line-height:14px;pointer-events:none;position:absolute;top:20px;transform-origin:0 50%;transition:transform .2s,color .2s}.input:not(:-moz-placeholder-shown)~.placeholder{transform:translateY(-30px) translate(10px) scale(.75)}.input:focus~.placeholder,.input:not(:placeholder-shown)~.placeholder{transform:translateY(-30px) translate(10px) scale(.75)}.input:not(:-moz-placeholder-shown)~.placeholder{color:#808097}.input:not(:placeholder-shown)~.placeholder{color:#808097}.input:focus~.placeholder{color:#dc2f55}.submit{background-color:#08d;border:0;border-radius:12px;box-sizing:border-box;color:#eee;cursor:pointer;font-size:18px;height:50px;margin-top:38px;text-align:center;width:100%}.submit:active{background-color:#06b}.spinner{margin:20px auto 0;text-align:center;width:70px}.spinner>div{animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:#eee;border-radius:100%;display:inline-block;height:18px;width:18px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}input[type=checkbox]+label{cursor:pointer;display:block;margin:.2em;padding:.2em}input[type=checkbox]{display:none}input[type=checkbox]+label:before{border:.15em solid #eee;border-radius:.2em;color:transparent;content:"✔";display:inline-block;height:1em;margin-right:.6em;padding-bottom:.3em;padding-left:.2em;transition:.2s;vertical-align:bottom;width:1em}input[type=checkbox]+label:active:before{transform:scale(0)}input[type=checkbox]:checked+label:before{background-color:#3cb371;border-color:#3cb371;color:#fff}input[type=checkbox]:disabled+label:before{border-color:#aaa;transform:scale(1)}input[type=checkbox]:checked:disabled+label:before{background-color:#bfb;border-color:#bfb;transform:scale(1)}