/* Eternal War - гостевые страницы и страницы кабинета. */

:root:root .c-login,
:root:root .c-register {
    background:
        radial-gradient(120% 90% at 50% -20%, rgba(174, 210, 79, .10), transparent 62%),
        var(--page-bg);
}

:root:root .c-login__body,
:root:root .c-register .c-panel {
    background: linear-gradient(180deg, rgba(20, 23, 28, .97), rgba(12, 14, 18, .97));
    border: 1px solid var(--ew-line);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-modal);
}

:root:root .c-login__logo {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--stone-900);
}

:root:root .c-login__logo span {
    color: var(--gold-soft);
}

:root:root .c-login__subtitle {
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--stone-500);
}

:root:root .c-divider__line,
:root:root .c-login__ornament-line {
    background: linear-gradient(90deg, transparent, var(--ew-line-strong), transparent);
}

:root:root .c-divider__diamond,
:root:root .c-login__diamond {
    background: var(--gold);
    box-shadow: 0 0 .5rem var(--ew-glow);
}

:root:root .c-divider__diamond--lg,
:root:root .c-login__diamond--lg {
    background: var(--gold-soft);
    box-shadow: 0 0 .75rem var(--ew-glow);
}

:root:root .c-login__sep-line {
    background: var(--ew-line);
}

:root:root .c-login__sep-text {
    font-family: var(--font-mono);
    font-size: .62rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--stone-400);
}

:root:root .c-login__forgot,
:root:root .c-login__register a,
:root:root .c-login__foot a {
    color: var(--gold-soft);
    transition: color var(--transition-base);
}
@media(max-width: 768px){
    .wiki-backdrop {
        display: none
    }
}
:root:root .c-login__forgot:hover,
:root:root .c-login__register a:hover,
:root:root .c-login__foot a:hover {
    color: var(--stone-900);
}

:root:root .c-reg-field__label {
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--stone-500);
}

:root:root .c-reg-field__input {
    background: rgba(6, 7, 10, .6);
    border: 1px solid var(--ew-line);
    border-radius: var(--radius-md);
    color: var(--stone-800);
    font-family: var(--font-body);
}

:root:root .c-reg-field__input:focus {
    outline: none;
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(174, 210, 79, .12);
}

:root:root .c-reg-field__hint {
    color: var(--stone-400);
}

:root:root .c-reg-field__error {
    color: var(--danger);
}

:root:root .c-reg-check__box {
    border: 1px solid var(--ew-line-strong);
    border-radius: var(--radius-sm);
    background: rgba(6, 7, 10, .6);
}

:root:root .c-reg-check__input:checked + .c-reg-check__box {
    background: var(--gold);
    border-color: var(--gold);
}

:root:root .c-news-card {
    background: linear-gradient(180deg, rgba(20, 23, 28, .96), rgba(15, 17, 21, .96));
    border: 1px solid var(--ew-line);
    border-radius: var(--radius-lg);
}

:root:root .c-news-card:hover {
    border-color: var(--ew-line-strong);
    box-shadow: 0 0 1.25rem rgba(174, 210, 79, .1);
}

:root:root .c-news-card__title {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--stone-900);
}

:root:root .c-news-card__date,
:root:root .c-news-card__author {
    font-family: var(--font-mono);
    font-size: .66rem;
    letter-spacing: .06em;
    color: var(--stone-500);
}

:root:root .c-news-card__excerpt {
    color: var(--stone-600);
}