/* Isolated Orchid authentication theme. The original form and fields are retained. */
.bonus-auth {
    --auth-accent: #29b9d5;
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    color: #e6f3f8;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body:has(.bonus-auth) { background: #060f1a; }
body:has(.bonus-auth) > .container-fluid { padding: 0; }
body:has(.bonus-auth) > .container-fluid > .row { margin: 0; }
body:has(.bonus-auth) > .container-fluid > .row > .col-xxl { width: 100%; max-width: none; padding: 0; }
.bonus-auth__background { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse at 80% 44%, #0b3444 0%, transparent 52%), radial-gradient(ellipse at 10% 100%, #092b40 0%, transparent 50%), #060f1a; }
.bonus-auth__canvas { display: block; width: 100%; height: 100%; opacity: .8; }
.bonus-auth__veil { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 48%, #060f1a40, transparent 65%), linear-gradient(0deg, #060f1ac9, transparent 28%, transparent 80%, #060f1a80); }
.bonus-auth__header { display: flex; align-items: center; gap: 22px; padding: 28px 40px; font-size: 14px; color: #a6bacb; }
.bonus-auth__header a { flex-shrink: 0; }
.bonus-auth__header img { display: block; width: 174px; height: auto; }
.bonus-auth__divider { width: 1px; height: 26px; background: #b7d7e329; }
.bonus-auth__main { flex: 1; display: grid; place-items: center; padding: 34px 20px 48px; }
.bonus-auth__content { width: 100%; max-width: 420px; }
.bonus-auth__card { padding: 32px 36px 36px; border: 1px solid #b9e2f024; border-radius: 24px; background: #0b1b2bb8; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); box-shadow: 0 32px 90px #0007, inset 0 1px 0 #ffffff08; }
.bonus-auth__brand { text-align: center; }
.bonus-auth__mark { display: grid; place-items: center; width: 88px; height: 88px; margin: 0 auto 18px; background: radial-gradient(circle, #23b6d22b, transparent 70%); }
.bonus-auth__mark img { width: 76px; height: auto; filter: drop-shadow(0 6px 16px #24bfd233); }
.bonus-auth__eyebrow { color: #79cce0; font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; margin: 0 0 10px; }
.bonus-auth__card h1 { color: #f0f8fc !important; text-align: center; font-size: 22px; font-weight: 600; line-height: 1.35; margin-bottom: 28px !important; letter-spacing: -.02em; }
.bonus-auth .form-label { color: #b4c7d7; font-size: 13px; margin-bottom: 8px; }
.bonus-auth .form-control { min-height: 46px; background: #ffffff06; border: 1px solid #c0dfec26; border-radius: 11px; color: #f0f8fc; box-shadow: none; padding: 11px 14px; transition: border-color .2s, box-shadow .2s; }
.bonus-auth .form-control::placeholder { color: #8297ac; opacity: 1; }
.bonus-auth .form-control:focus { border-color: var(--auth-accent); background: #ffffff09; color: #fff; box-shadow: 0 0 0 4px #29b9d51c; }
.bonus-auth .form-control.is-invalid { border-color: #f58b98; }
.bonus-auth .invalid-feedback { color: #ffb1b9; }
.bonus-auth .form-control:-webkit-autofill { -webkit-text-fill-color: #f0f8fc; -webkit-box-shadow: 0 0 0 1000px #142638 inset; caret-color: white; }
.bonus-auth .input-group { border-radius: 11px; }
.bonus-auth .input-group > .form-control { border-radius: 11px 0 0 11px; }
.bonus-auth .input-group .btn { border: 1px solid #c0dfec26; border-left: 0; color: #9bb7ca; background: #ffffff06; border-radius: 0 11px 11px 0; }
.bonus-auth .input-group .btn:hover { background: #ffffff10; color: #fff; }
.bonus-auth form > .row { gap: 18px; margin-top: 22px; }
.bonus-auth form > .row > div { width: 100%; }
.bonus-auth .form-check { display: flex; align-items: center; gap: 9px; margin: 0; }
.bonus-auth .form-check-input { background-color: #ffffff08; border-color: #7c9aa9; box-shadow: none; }
.bonus-auth .form-check-input:checked { background-color: #159cb9; border-color: #159cb9; }
.bonus-auth .form-check-label { font-size: 13px; color: #b4c7d7; }
.bonus-auth #button-login { display: flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; border: 1px solid #67d9e64d; border-radius: 11px; color: #031923; background: linear-gradient(110deg, #37c6da, #23a9cc); font-weight: 600; box-shadow: 0 8px 24px #00a6c52b; transition: filter .2s, box-shadow .2s; }
.bonus-auth #button-login:hover { filter: brightness(1.1); box-shadow: 0 8px 28px #00a6c540; }
.bonus-auth a { color: #82d6e5; }
.bonus-auth :is(a, button, input):focus-visible { outline: 2px solid #83e3f0; outline-offset: 4px; }
.bonus-auth .text-muted { color: #9cb4c6 !important; }
.bonus-auth__help { color: #93a9bc; text-align: center; font-size: 12px; margin: 21px 0 0; }
.bonus-auth__footer { padding: 0 24px 24px; color: #8299ad; text-align: center; font-size: 12px; }
.bonus-auth__footer span { padding: 0 9px; }
@media (max-width: 575px) {
    .bonus-auth__header { padding: 20px; gap: 13px; font-size: 12px; }
    .bonus-auth__header img { width: 134px; }
    .bonus-auth__card { padding: 28px 24px; border-radius: 21px; }
    .bonus-auth__main { padding: 24px 16px 36px; }
    .bonus-auth__footer { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .bonus-auth *, .bonus-auth *::before, .bonus-auth *::after { transition: none !important; animation: none !important; }
}