/* Header account panel follows the Lord Stream dark and gold controls. */
.login-panel-dropdown {
    border-color: rgba(255, 255, 255, .15);
    border-radius: 11px;
    background: linear-gradient(145deg, #252629, #1c1d20);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .55);
}

.login-form {
    gap: 12px;
    padding: 10px;
}

.login-form-title {
    color: #f7f7f7;
    font-size: 17px;
    letter-spacing: -.01em;
}

.login-form label {
    color: rgba(255, 255, 255, .68);
    gap: 6px;
    font-size: 13px;
}

.login-form input {
    height: 42px;
    border-color: rgba(255, 255, 255, .15);
    border-radius: 8px;
    background: #151619;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.login-form input:focus {
    border-color: rgba(255, 204, 0, .72);
    box-shadow: 0 0 0 3px rgba(255, 204, 0, .10);
}

.login-form-submit {
    height: 42px;
    border: 1px solid rgba(255, 204, 0, .78);
    border-radius: 8px;
    background: #ffcc00;
    color: #171717;
    font-weight: 800;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}

.login-form-submit:hover,
.login-form-submit:focus-visible {
    border-color: #ffe27a;
    background: #ffe07a;
    outline: none;
    transform: translateY(-1px);
}

.login-form-links a {
    color: rgba(255, 255, 255, .66);
    text-decoration: none;
    transition: color .16s ease;
}

.login-form-links a:hover,
.login-form-links a:focus-visible {
    color: #ffda4a;
    outline: none;
}