<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">input[type="text"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form-content input[type="password"]{width:100%;height:54px;padding-left:20px;padding-right:20px;border-radius:6px;border:solid 1px #dae1e6;font-size:15px;background-repeat:no-repeat;background-position:left+20px center}
.form-content input[type="password"].icon{padding-left:50px}
.form-content input[type="password"]::placeholder{color:#7f8289}
.form-content input[type="password"].wrong{border-color:#ed4a30}
.form-content input[type="password"] + label + p{display:none;margin-top:5px}
.form-content input[type="password"].wrong + label + p{display:block;font-size:13px;color:#ed4a30}
.form-content input[type="password"] + label{position:absolute;top:17px;left:50px;font-size:15px;color:#7f8289;user-select:none}
.form-content input[type="password"]:not(.icon) + label{left:20px}
.form-content input[type="password"].require + label:after{content:"*";margin-left:4px;font-size:inherit;color:#149ff5}
.form-content input[type="password"]:focus + label{display:none}

.mx-400 h3 {font-size: 26px;}

@media screen and (max-width:991px) {
    /* common */
    header + section {
        margin-top: 100px
    }
}</pre></body></html>