/*
===============================================================================
TELA DE LOGIN — FIKAM
===============================================================================
Edite as três variáveis abaixo para trocar rapidamente as cores.
*/
:root {
    --login-bg: #090909;
    --login-red: #c30d18;
    --login-gold: #d7aa35;
}

body.login {
    background:
        radial-gradient(circle at 15% 10%, rgba(195,13,24,.28), transparent 30%),
        radial-gradient(circle at 85% 90%, rgba(215,170,53,.13), transparent 28%),
        var(--login-bg);
}

body.login::before {
    content: "FIKAM";
    position: fixed;
    inset: auto 0 4vh;
    color: rgba(255,255,255,.035);
    font-size: min(28vw, 330px);
    font-weight: 1000;
    line-height: 1;
    text-align: center;
    pointer-events: none;
}

.login h1 a {
    width: auto;
    height: auto;
    color: #fff;
    background: none;
    text-indent: 0;
    font-size: 32px;
    font-weight: 1000;
    letter-spacing: .08em;
}

.login h1 a::after {
    content: "COMPETIÇÕES";
    display: block;
    margin-top: 4px;
    color: var(--login-gold);
    font-size: 11px;
    letter-spacing: .28em;
}

.login form {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(18,18,18,.94);
    box-shadow: 0 24px 70px rgba(0,0,0,.45);
}

.login label { color: #eee; }

.login input[type="text"],
.login input[type="password"] {
    color: #fff;
    border-color: rgba(255,255,255,.14);
    border-radius: 10px;
    background: rgba(255,255,255,.06);
}

.wp-core-ui .button-primary {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--login-red), #8d0810);
}

.login #nav a,
.login #backtoblog a,
.privacy-policy-page-link a {
    color: #ddd !important;
}