:root {
    --realproh-gold: #d8aa45;
    --realproh-gold-dark: #9a6f19;
    --realproh-black: #101010;
}

body {
    min-width: 320px;
    font-family: "Segoe UI", Arial, sans-serif;
}

.admin-auth-body {
    background: #f6f7fb;
}

.admin-auth-logo {
    width: auto;
    max-width: 285px;
    height: 72px;
    object-fit: contain;
    object-position: left center;
}

.admin-auth-brand {
    width: fit-content;
}

.admin-auth-form,
.admin-auth-heading {
    margin-top: 3.5rem;
}

.admin-auth-hero {
    background:
        radial-gradient(circle at 80% 15%, rgba(216, 170, 69, .16), transparent 34%),
        linear-gradient(145deg, #080a0d 0%, #121a24 55%, #0b2530 100%);
}

.admin-auth-hero-content {
    z-index: 3;
}

.admin-auth-hero-content .container {
    max-width: 760px;
}

.admin-auth-eyebrow {
    color: var(--realproh-gold);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .19em;
    margin-bottom: .8rem;
}

.admin-auth-hero-copy {
    max-width: 590px;
    font-size: 1.1rem;
    line-height: 1.75;
    opacity: .76;
}

.admin-auth-orbit {
    position: absolute;
    border: 1px solid rgba(216, 170, 69, .2);
    border-radius: 50%;
    pointer-events: none;
}

.admin-auth-orbit-top {
    width: 620px;
    height: 620px;
    right: -270px;
    top: -250px;
}

.admin-auth-orbit-bottom {
    width: 440px;
    height: 440px;
    left: -210px;
    bottom: -220px;
}

.admin-auth-body .btn-primary {
    --bs-btn-bg: var(--realproh-black);
    --bs-btn-border-color: var(--realproh-black);
    --bs-btn-hover-bg: #292929;
    --bs-btn-hover-border-color: #292929;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
}

.admin-auth-body .text-primary {
    color: var(--realproh-gold-dark) !important;
}

.admin-auth-body .form-control:focus {
    border-color: var(--realproh-gold);
    box-shadow: 0 0 0 .25rem rgba(216, 170, 69, .16);
}

.admin-password-toggle {
    display: inline-flex;
    width: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color);
    border-left: 0;
    border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
    background: transparent;
    color: #687381;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.admin-password-toggle:hover {
    color: var(--realproh-gold-dark);
}

.admin-password-toggle:focus-visible {
    border-color: var(--realproh-gold);
    box-shadow: 0 0 0 .25rem rgba(216, 170, 69, .16);
    outline: 0;
}

.admin-password-icon {
    width: 21px;
    height: 21px;
}

.admin-auth-footnote {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0 0;
    color: #687381;
    font-size: .8rem;
}

@media (max-width: 575.98px) {
    .admin-auth-logo {
        height: 60px;
        max-width: 245px;
    }

    .admin-auth-form,
    .admin-auth-heading {
        margin-top: 2.75rem;
    }
}