.form{position:relative;z-index:10;width:480px;margin:0 auto;padding:3em 1em;background:#18191c;box-shadow:1px 1px 1px 1px #000;transform:translateY(30px)}.form--nbs{background:none;box-shadow:none}@media only screen and (min-width:20em) and (max-width:48em){.form{width:95%}}.form__input-group{position:relative;width:auto}.form__info-group{display:flex;justify-content:center;align-items:center}.form__label{position:absolute;top:50%;left:10px;opacity:.5;font-weight:700;margin:-10px 22px;text-transform:uppercase;transition:top .5s ease,left .5s ease,opacity 1s ease}.form__control{position:relative;padding:1em;border-radius:3px;border:1px solid #fff;background:transparent;margin:1.5em 0 2.5em 0;z-index:1;width:90%;color:#fff;font-weight:700;font-family:Work Sans,sans-serif;outline:none}.form__control:focus+label,.form__control:focus:invalid+label,.form__control:focus:valid+label,.form__control:valid+label{opacity:1;top:0;left:0}.form__control:invalid+label{opacity:0}.form__control:focus:invalid{border:1px solid #dc143c}.form__control:focus:valid{border:1px solid #90ee90}.form__submit{text-align:center;margin:1em 1em 0 1em;padding:12px;width:90%;display:inline-block;cursor:pointer;background:#3c9adf;border-radius:3px;border:0;text-transform:uppercase;font-size:1em;font-family:Work Sans,sans-serif}.form__link,.form__submit{text-decoration:none;color:#fff;font-weight:700}@media only screen and (min-width:20em) and (max-width:48em){.form__link{margin:.5rem}}.form__icon{position:absolute;top:30px;right:15px;font-size:1.5em;margin:0 .8em;z-index:2}.form__lead{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1.3em;text-align:center;font-size:.9em;line-height:1.5em;color:hsla(0,0%,100%,.8)}.form__error{display:inline-block;width:90%;background:rgba(201,48,43,.9);border-radius:3px;margin:1em;padding:12px;color:#fff;font-weight:700}.form__error span{display:block}.form__actions{width:100%}@media only screen and (min-width:20em) and (max-width:48em){.form__actions>*{width:100%;margin:.5em 0}}