body {
    color: #838383;
    font: 13px/1.7em 'Open Sans';
}
.account-container {
    max-width: 390px;
    margin: 60px auto 0 auto;
    padding: 0 15px;
}
.content {
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 28px 23px;
}

.form-control {
    font-family: 'Open Sans';
    color: #8e8d8d;
    background-color: #fdfdfd;
    box-shadow: inset 2px 2px 4px #f1f1f1;
}

.login-extra {
    display: block;
    max-width: 300px;
    margin: 1.5em auto;
    text-align: center;
    line-height: 19px;
    text-shadow: 1px 1px 0px #fff;
}
.account-container h1 {
    margin-bottom: .4em;
    color: #f90;
    font-size: 32px;
    text-align: center;
}

@media(max-width: 390px) {
    .account-container {
        margin: 15px auto 0 auto;
    }
}

body.uni-user-page {
    color: var(--uni-text);
    font: 14px/1.7em "Manrope", "Segoe UI", sans-serif;
    background: var(--uni-bg-gradient);
    background-color: var(--uni-bg);
}

body.uni-user-page .account-container {
    max-width: 420px;
    margin: 72px auto 0 auto;
    padding: 0 18px;
}

body.uni-user-page .account-container.register {
    max-width: 520px;
}

body.uni-user-page .content {
    background: var(--uni-surface);
    border: 1px solid var(--uni-line);
    border-radius: 18px;
    padding: 20px 26px 26px;
    box-shadow: var(--uni-shadow);
}

body.uni-user-page .account-container h1 {
    margin-bottom: 6px;
    color: var(--uni-text);
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    font-family: "Space Grotesk", "Trebuchet MS", sans-serif;
}

body.uni-user-page .account-container p {
    color: var(--uni-muted);
    text-align: center;
    margin-bottom: 16px;
}

body.uni-user-page .form-control {
    color: var(--uni-text);
    background-color: var(--uni-surface-soft);
    border: 1px solid var(--uni-line);
    box-shadow: none;
}

body.uni-user-page .input-group-addon {
    background: var(--uni-surface-soft);
    border: 1px solid var(--uni-line);
}

body.uni-user-page .login-extra {
    max-width: 360px;
    margin: 18px auto 24px;
    color: var(--uni-muted);
    text-align: center;
    text-shadow: none;
}

body.uni-user-page .login-extra a {
    color: var(--uni-primary);
}

@media (max-width: 390px) {
    body.uni-user-page .account-container {
        margin: 20px auto 0 auto;
    }
}