:root {
    --rp-primary: #d1202f;
    --rp-primary-dark: #a81925;
}

body {
    background: linear-gradient(180deg, #2f3237 0%, #1f2126 100%);
    min-height: 100vh;
}

.rp-card,
.register-card {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgba(8, 22, 48, .12);
}

.btn-race {
    background-color: var(--rp-primary);
    border-color: var(--rp-primary);
    color: #fff;
}

.btn-race:hover,
.btn-race:focus {
    background-color: var(--rp-primary-dark);
    border-color: var(--rp-primary-dark);
    color: #fff;
}

.text-race {
    color: var(--rp-primary);
}

.brand-logo {
    width: 220px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.portal-widget {
    background: #f8f9fb;
    border: 1px solid #e8ebf0;
    border-radius: 0.85rem;
}

.rp-site-header {
    text-align: center;
}

.rp-logo-link {
    display: inline-block;
}

.rp-main-nav .nav-link {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.45);
}

.rp-main-nav .nav-link:hover,
.rp-main-nav .nav-link:focus,
.rp-main-nav .nav-link.active {
    background-color: var(--rp-primary);
    border-color: var(--rp-primary);
    color: #fff;
}