.signup{background-image:url(/bg-gradient.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.signup .signup-section .form-group{margin:6px 0;position:relative}.signup .signup-section .form-style{letter-spacing:.5px;color:#c4c3ca;background-color:#000;line-height:22px;transition:all .2s linear;box-shadow:0 4px 8px #15151533}.signup .signup-section .form-style:focus,.signup .signup-section .form-style:active{border:none;outline:none;box-shadow:0 4px 8px #15151533}.signup .signup-section .input-icon{transition:all .2s linear}.signup .signup-section .form-group input:-ms-placeholder-shown{color:#c4c3ca;opacity:.7;transition:all .2s linear}.signup .signup-section .form-group input::-moz-placeholder{color:#c4c3ca;opacity:.7;transition:all .2s linear}.signup .signup-section .form-group input:-moz-placeholder-shown{color:#c4c3ca;opacity:.7;transition:all .2s linear}.signup .signup-section .form-group input::-webkit-input-placeholder{color:#c4c3ca;opacity:.7;transition:all .2s linear}.signup .signup-section .form-group input:focus:-ms-placeholder-shown{opacity:0;transition:all .2s linear}.signup .signup-section .form-group input:focus::-moz-placeholder{opacity:0;transition:all .2s linear}.signup .signup-section .form-group input:focus:-moz-placeholder-shown{opacity:0;transition:all .2s linear}.signup .signup-section .form-group input:focus::-webkit-input-placeholder{opacity:0;transition:all .2s linear}.signup .signup-section .submit-btn{letter-spacing:1px;display:-webkit-inline-flex;display:-ms-inline-flexbox}.signup .signup-section .avatar-upload{max-width:205px;margin:20px auto;position:relative}.signup .signup-section .avatar-upload--sm{max-width:140px;margin:12px auto}.signup .signup-section .avatar-upload--sm .avatar-edit{top:38%;right:41.5%}.signup .signup-section .avatar-upload--sm .avatar-edit label{width:36px;height:36px}.signup .signup-section .avatar-upload--sm .avatar-preview{border-width:4px;width:128px;height:128px}.signup .signup-section .avatar-edit{z-index:1;position:absolute;top:40%;right:41.5%}.signup .signup-section .avatar-edit input{display:none}.signup .signup-section .avatar-edit label{background:var(--primary-color);border:2px solid var(--text-color);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:46px;height:46px;font-weight:400;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 4px #0000001f}.signup .signup-section .avatar-edit label:hover{border-color:var(--accent-color)}.signup .signup-section .avatar-preview{border:6px solid #f8f8f8;border-radius:100%;width:192px;height:192px;position:relative;box-shadow:0 2px 4px #0000001a}.signup .signup-section .avatar-preview,.signup .signup-section .avatar-preview div{border-radius:100%}.signup .signup-section .id-preview,.signup .signup-section .id-preview div{border-radius:10px}.signup .signup-section .avatar-preview div{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.signup .signup-section .card-signup{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;-o-backface-visibility:hidden;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom;background-repeat:no-repeat;background-size:300%}.card-signup{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;-o-backface-visibility:hidden;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom;background-repeat:no-repeat;background-size:300%}@media (max-width:650px){.section-padding{padding-top:0!important}}.card-text-gradient-user,.card-text-gradient-runner{background:radial-gradient(160% 90% at 50% 0,#ffffffe6 0%,#ffffffa6 45%,#ffffff40 65%,#0000 80%)}.card-image-gradient-user,.card-image-gradient-runner{background:radial-gradient(70% 55% at 50% 70%,#ffffffd9 0%,#ffffff8c 35%,#ffffff26 55%,#0000 70%)}