font-size: 28px !important;
    font-weight: 800 !important;
}

body.admin-body .admin-head p {
    color: #6b7590 !important;
    font-size: 14px !important;
}

body.admin-body .admin-head p strong {
    color: #d4a420 !important;
}

/* -- ADMIN PANEL CONTAINER -- */
body.admin-body .admin-panel {
    background: #0e1118 !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .3) !important;
}

body.admin-body .admin-panel h2 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.admin-body .admin-panel h2 i {
    color: #e8384f !important;
}

/* -- FILTER BAR -- */
body.admin-body .filter-bar {
    background: rgba(255, 255, 255, .02) !important;
    border: 1px solid rgba(255, 255, 255, .05) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    gap: 12px !important;
}

body.admin-body .filter-bar label {
    color: #8892a4 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
}

body.admin-body .filter-bar .field-hint {
    color: #454e64 !important;
    text-transform: none !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
}

body.admin-body .filter-bar input,
body.admin-body .filter-bar select {
    background: rgba(255, 255, 255, .04) !important;
    color: #e0e6f0 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 10px 12px !important;
    transition: border-color .2s, box-shadow .2s !important;
}

body.admin-body .filter-bar input:focus,
body.admin-body .filter-bar select:focus {
    border-color: #e8384f !important;
    box-shadow: 0 0 0 3px rgba(232, 56, 79, .12) !important;
    outline: none !important;
}

body.admin-body .filter-bar input::placeholder {
    color: #3a4258 !important;
}

body.admin-body .filter-bar select {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7590' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 32px !important;
}

body.admin-body .filter-bar select option {
    background: #0e1118 !important;
    color: #e0e6f0 !important;
}

body.admin-body .filter-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: flex-end !important;
}

body.admin-body .filter-actions .btn.primary {
    background: linear-gradient(135deg, #e8384f, #c42040) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(232, 56, 79, .25) !important;
    font-weight: 700 !important;
}

body.admin-body .filter-actions .btn.primary:hover {
    box-shadow: 0 6px 24px rgba(232, 56, 79, .4) !important;
    transform: translateY(-1px) !important;
}

body.admin-body .filter-actions .btn.outline {
    border: 1px solid rgba(255, 255, 255, .1) !important;
    color: #8892a4 !important;
    background: transparent !important;
}

body.admin-body .filter-actions .btn.outline:hover {
    background: rgba(255, 255, 255, .05) !important;
    color: #e0e6f0 !important;
}

/* -- RESULT SUMMARY -- */
body.admin-body .result-summary {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    padding: 14px 0 !important;
    color: #8892a4 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
    margin-bottom: 16px !important;
}

body.admin-body .result-summary strong {
    color: #ffffff !important;
    font-size: 18px !important;
}

body.admin-body .dot-paid,
body.admin-body .dot-unpaid,
body.admin-body .dot-verification {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

body.admin-body .dot-paid::before {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #4ade80 !important;
    box-shadow: 0 0 8px rgba(74, 222, 128, .4) !important;
}

body.admin-body .dot-paid {
    color: #4ade80 !important;
}

body.admin-body .dot-unpaid::before {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #e8384f !important;
    box-shadow: 0 0 8px rgba(232, 56, 79, .4) !important;
}

body.admin-body .dot-unpaid {
    color: #e8384f !important;
}

body.admin-body .dot-verification::before {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #f59e0b !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, .4) !important;
}

body.admin-body .dot-verification {
    color: #f59e0b !important;
}

/* -- EXPORT BUTTONS -- */
body.admin-body .result-summary .btn.primary {
    background: linear-gradient(135deg, #e8384f, #c42040) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(232, 56, 79, .2) !important;
    font-weight: 700 !important;
}

body.admin-body .result-summary .btn.primary:hover {
    box-shadow: 0 6px 24px rgba(232, 56, 79, .35) !important;
}

body.admin-body .result-summary .btn.outline {
    border: 1px solid rgba(255, 255, 255, .1) !important;
    color: #8892a4 !important;
    background: rgba(255, 255, 255, .03) !important;
}

body.admin-body .result-summary .btn.outline:hover {
    background: rgba(255, 255, 255, .07) !important;
    color: #e0e6f0 !important;
}

/* -- GAME REGISTRATION TABS -- */
body.admin-body .game-registration-tabs {
    display: flex !important;
    gap: 6px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
}

body.admin-body .game-registration-tab {
    flex: 0 0 auto !important;
    padding: 9px 18px !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .03) !important;
    color: #8892a4 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all .2s !important;
    white-space: nowrap !important;
}

body.admin-body .game-registration-tab:hover {
    background: rgba(232, 56, 79, .06) !important;
    border-color: rgba(232, 56, 79, .15) !important;
    color: #e0e6f0 !important;
}

body.admin-body .game-registration-tab.active {
    background: linear-gradient(135deg, #e8384f, #c42040) !important;
    border-color: #e8384f !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(232, 56, 79, .3) !important;
}

body.admin-body .game-registration-tab span {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 22px !important;
    height: 22px !important;
    margin-left: 6px !important;
    padding: 0 6px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .12) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.admin-body .game-registration-tab.active span {
    background: rgba(255, 255, 255, .2) !important;
}

/* -- GAME PANEL HEADING -- */
body.admin-body .game-panel-heading {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
}

body.admin-body .game-panel-heading .eyebrow {
    color: #e8384f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 4px !important;
}

body.admin-body .game-panel-heading h2 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

body.admin-body .game-panel-heading>span {
    color: #555e74 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* -- TABLE -- */
body.admin-body .admin-table-wrap {
    background: #0a0c12 !important;
    border: 1px solid rgba(255, 255, 255, .05) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.admin-body .admin-table-wrap table {
    min-width: 900px !important;
}

body.admin-body .admin-table-wrap th {
    background: #0e1118 !important;
    color: #6b7590 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    white-space: nowrap !important;
}

body.admin-body .admin-table-wrap td {
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .04) !important;
    color: #c8cdd8 !important;
    font-size: 13.5px !important;
    vertical-align: middle !important;
}

body.admin-body .admin-table-wrap td strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.admin-body .admin-table-wrap td small {
    display: block !important;
    color: #555e74 !important;
    font-size: 12px !important;
    margin-top: 3px !important;
}

/* -- TABLE ROW STATUS COLORS -- */
body.admin-body .game-registration-table tr.row-paid>td {
    background: rgba(74, 222, 128, .04) !important;
    border-left: 3px solid rgba(74, 222, 128, .4) !important;
}

body.admin-body .game-registration-table tr.row-unpaid>td {
    background: rgba(232, 56, 79, .04) !important;
    border-left: 3px solid rgba(232, 56, 79, .4) !important;
}

body.admin-body .game-registration-table tr.row-under_verification>td {
    background: rgba(245, 158, 11, .04) !important;
    border-left: 3px solid rgba(245, 158, 11, .4) !important;
}

body.admin-body .game-registration-row {
    transition: background .15s !important;
}

body.admin-body .game-registration-row:hover {
    background: rgba(255, 255, 255, .03) !important;
}

/* -- INLINE PAYMENT FORM -- */
body.admin-body .inline-payment-form select {
    background: rgba(255, 255, 255, .04) !important;
    color: #e0e6f0 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7590' d='M1.5 3l3.5 4 3.5-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    padding-right: 24px !important;
}

body.admin-body .inline-payment-form select:focus {
    border-color: #e8384f !important;
    outline: none !important;
}

body.admin-body .inline-payment-form select option {
    background: #0e1118 !important;
    color: #e0e6f0 !important;
}

/* -- ACTION BUTTONS -- */
body.admin-body .mini-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .03) !important;
    color: #8892a4 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all .2s !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

body.admin-body .mini-action:hover {
    background: rgba(232, 56, 79, .08) !important;
    border-color: rgba(232, 56, 79, .2) !important;
    color: #e8384f !important;
}

body.admin-body .registration-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

/* -- AJAX FEEDBACK -- */
body.admin-body .ajax-feedback {
    background: rgba(74, 222, 128, .08) !important;
    border: 1px solid rgba(74, 222, 128, .2) !important;
    border-radius: 10px !important;
    color: #4ade80 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2) !important;
}

body.admin-body .ajax-feedback.error {
    background: rgba(232, 56, 79, .08) !important;
    border-color: rgba(232, 56, 79, .2) !important;
    color: #e8384f !important;
}

/* -- FLASH MODAL (admin dark theme) -- */
body.admin-body .flash-modal.success {
    background: rgba(74, 222, 128, .1) !important;
    border: 1px solid rgba(74, 222, 128, .25) !important;
    color: #4ade80 !important;
}
body.admin-body .flash-modal.success .flash-modal-icon {
    background: rgba(74, 222, 128, .15) !important;
    color: #4ade80 !important;
}

body.admin-body .flash-modal.danger {
    background: rgba(232, 56, 79, .1) !important;
    border: 1px solid rgba(232, 56, 79, .25) !important;
    color: #e8384f !important;
}
body.admin-body .flash-modal.danger .flash-modal-icon {
    background: rgba(232, 56, 79, .15) !important;
    color: #e8384f !important;
}

body.admin-body .flash-modal.warning {
    background: rgba(245, 158, 11, .1) !important;
    border: 1px solid rgba(245, 158, 11, .25) !important;
    color: #f59e0b !important;
}
body.admin-body .flash-modal.warning .flash-modal-icon {
    background: rgba(245, 158, 11, .15) !important;
    color: #f59e0b !important;
}

body.admin-body .flash-modal.info {
    background: rgba(6, 182, 212, .1) !important;
    border: 1px solid rgba(6, 182, 212, .25) !important;
    color: #06b6d4 !important;
}
body.admin-body .flash-modal.info .flash-modal-icon {
    background: rgba(6, 182, 212, .15) !important;
    color: #06b6d4 !important;
}

body.admin-body .flash-modal-close { color: inherit !important; }

/* -- EMPTY STATE -- */
body.admin-body .empty {
    background: rgba(255, 255, 255, .02) !important;
    border: 1px dashed rgba(255, 255, 255, .08) !important;
    color: #454e64 !important;
}

/* -- REMAINING VALUE -- */
body.admin-body .remaining-value {
    color: #555e74 !important;
}

/* -- MUTED LINE -- */
body.admin-body .muted-line {
    color: #454e64 !important;
}

/* -- ADMIN FORM INPUTS (dark theme) -- */
body.admin-body .admin-panel label,
body.admin-body .admin-form label,
body.admin-body .admin-form-grid label {
    color: #8892a4 !important;
    font-weight: 700 !important;
}

body.admin-body .admin-panel input,
body.admin-body .admin-panel select,
body.admin-body .admin-panel textarea,
body.admin-body .admin-form input,
body.admin-body .admin-form select,
body.admin-body .admin-form textarea,
body.admin-body .admin-form-grid input,
body.admin-body .admin-form-grid select,
body.admin-body .admin-form-grid textarea {
    background: rgba(255, 255, 255, .04) !important;
    color: #e0e6f0 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

body.admin-body .admin-panel input:focus,
body.admin-body .admin-panel select:focus,
body.admin-body .admin-panel textarea:focus,
body.admin-body .admin-form input:focus,
body.admin-body .admin-form select:focus,
body.admin-body .admin-form textarea:focus {
    border-color: #e8384f !important;
    box-shadow: 0 0 0 3px rgba(232, 56, 79, .12) !important;
    outline: none !important;
}

body.admin-body .admin-panel input::placeholder,
body.admin-body .admin-panel textarea::placeholder,
body.admin-body .admin-form input::placeholder,
body.admin-body .admin-form textarea::placeholder {
    color: #3a4258 !important;
}

body.admin-body .admin-panel select option,
body.admin-body .admin-form select option {
    background: #0e1118 !important;
    color: #e0e6f0 !important;
}

body.admin-body .admin-form .field-hint,
body.admin-body .admin-form-grid .field-hint {
    color: #454e64 !important;
}

/* -- BADGES -- */
body.admin-body .badge {
    font-weight: 700 !important;
    font-size: 11.5px !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

body.admin-body .badge.paid {
    background: rgba(74, 222, 128, .1) !important;
    color: #4ade80 !important;
    border: 1px solid rgba(74, 222, 128, .2) !important;
}

body.admin-body .badge.unpaid {
    background: rgba(232, 56, 79, .1) !important;
    color: #e8384f !important;
    border: 1px solid rgba(232, 56, 79, .2) !important;
}

body.admin-body .badge.under_verification {
    background: rgba(245, 158, 11, .1) !important;
    color: #f59e0b !important;
    border: 1px solid rgba(245, 158, 11, .2) !important;
}

body.admin-body .badge.neutral {
    background: rgba(255, 255, 255, .05) !important;
    color: #8892a4 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

body.admin-body .badge.green {
    background: rgba(74, 222, 128, .1) !important;
    color: #4ade80 !important;
    border: 1px solid rgba(74, 222, 128, .2) !important;
}

body.admin-body .badge.red {
    background: rgba(232, 56, 79, .1) !important;
    color: #e8384f !important;
    border: 1px solid rgba(232, 56, 79, .2) !important;
}

body.admin-body .badge.cyan {
    background: rgba(6, 182, 212, .1) !important;
    color: #06b6d4 !important;
    border: 1px solid rgba(6, 182, 212, .2) !important;
}

body.admin-body .badge.amber {
    background: rgba(245, 158, 11, .1) !important;
    color: #f59e0b !important;
    border: 1px solid rgba(245, 158, 11, .2) !important;
}

/* -- COMPACT / MINI CARDS -- */
body.admin-body .mini-admin-card {
    background: #0e1118 !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
}

body.admin-body .mini-admin-card .thumb {
    background: #0a0c12 !important;
}

body.admin-body .mini-admin-card strong {
    color: #ffffff !important;
}

body.admin-body .compact-card-head h3,
body.admin-body .compact-card-head strong {
    color: #ffffff !important;
}

body.admin-body .compact-prices span {
    color: #555e74 !important;
}

/* -- STAT CARDS -- */
body.admin-body .stat-card {
    background: #0e1118 !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
}

body.admin-body .stat-text strong {
    color: #ffffff !important;
}

body.admin-body .stat-text span {
    color: #555e74 !important;
}

/* -- BAR LIST -- */
body.admin-body .bar-row {
    background: #0e1118 !important;
    color: #c8cdd8 !important;
    border: 1px solid rgba(255, 255, 255, .04) !important;
}

/* -- FIELD GROUP HEADER -- */
body.admin-body .field-group-header {
    color: #555e74 !important;
    border-bottom-color: rgba(255, 255, 255, .05) !important;
}

/* -- PERMISSION GRID -- */
body.admin-body .permission-section h4 {
    color: #ffffff !important;
}

body.admin-body .permission-grid label {
    background: #0e1118 !important;
    color: #8892a4 !important;
    border: 1px solid rgba(255, 255, 255, .05) !important;
}

/* -- TINY BUTTON -- */
body.admin-body .tiny-btn {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #8892a4 !important;
}

body.admin-body .tiny-btn:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #e0e6f0 !important;
}

body.admin-body .tiny-btn.danger {
    color: #e8384f !important;
    border-color: rgba(232, 56, 79, .2) !important;
}

/* -- INLINE EDIT -- */
body.admin-body .admin-inline-edit {
    background: #0e1118 !important;
}

body.admin-body .admin-inline-edit input,
body.admin-body .admin-inline-edit textarea {
    background: rgba(255, 255, 255, .04) !important;
    color: #e0e6f0 !important;
    border-color: rgba(255, 255, 255, .08) !important;
}

/* -- GALLERY CARD -- */
body.admin-body .admin-gallery-card {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

/* -- PRIZE ADMIN -- */
body.admin-body .prize-admin-preview-card {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

body.admin-body .preview-copy {
    color: #555e74 !important;
}

/* -- ADMIN QUOTE PREVIEW -- */
body.admin-body .admin-quote-preview {
    color: #454e64 !important;
}

/* -- REGISTRATION VIEW -- */
body.admin-body .pro-view-card {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

body.admin-body .pro-view-card h3 {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, .06) !important;
}

body.admin-body .pro-detail-list dt {
    color: #555e74 !important;
}

body.admin-body .pro-detail-list dd {
    color: #e0e6f0 !important;
}

body.admin-body .pro-member-list .member-row {
    background: rgba(255, 255, 255, .03) !important;
    color: #e0e6f0 !important;
}

/* -- PROOF VIEW -- */
body.admin-body .proof-view-panel {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

body.admin-body .proof-image-frame {
    border-color: rgba(255, 255, 255, .06) !important;
}

/* -- TICKET VIEW -- */
body.admin-body .registration-view-panel {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

body.admin-body .pro-ticket-view {
    background: #0e1118 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

body.admin-body .pro-ticket-hero {
    background: linear-gradient(135deg, #0e1118, #0a0c12) !important;
    border-bottom-color: rgba(255, 255, 255, .06) !important;
}

/* -- QR OVERLAY -- */
body.admin-body .qr-overlay-card .qr-btn.scan-next {
    background: rgba(255, 255, 255, .06) !important;
    color: #e0e6f0 !important;
}

/* -- REGISTRATION EDIT FORM -- */
body.admin-body .form-actions .btn {
    min-height: 40px !important;
}

/* -- BRAND TEXT IN SIDEBAR -- */
body.admin-body .brand.has-logo .brand-text span {
    color: #ffffff !important;
}

body.admin-body .brand.has-logo .brand-text small {
    color: #555e74 !important;
}

/* -- PRICE PREVIEW (public form) -- */
body:not(.admin-body) .price-preview-wrap {
    background: rgba(232, 56, 79, .04) !important;
    border-color: rgba(232, 56, 79, .12) !important;
}

body:not(.admin-body) .price-preview {
    color: #ffffff !important;
}

/* ------------------------------------------------------------
   ADMIN LOGIN PAGE � Premium Esports Championship Theme
   ----------------------------------------------------------- */

body:not(.admin-body) .admin-login-screen {
    position: relative;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 80px 20px 40px;
    overflow: hidden;
}

/* Background � Very dark charcoal with deep red esports atmosphere */
body:not(.admin-body) .admin-login-screen::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -3;
    background:
        /* Base dark charcoal */
        radial-gradient(ellipse at 20% 20%, #1a0d0d 0%, #0a0a0f 50%, #050508 100%),
        /* Deep red glow from top-right */
        radial-gradient(ellipse at 80% 10%, rgba(232, 56, 79, 0.15), transparent 60%),
        /* Subtle red glow from bottom-left */
        radial-gradient(ellipse at 10% 90%, rgba(212, 20, 40, 0.1), transparent 55%),
        /* Center subtle glow */
        radial-gradient(ellipse at 50% 50%, rgba(232, 56, 79, 0.05), transparent 70%);
    pointer-events: none;
}

/* Subtle diagonal neon lines � esports arena feel */
body:not(.admin-body) .admin-login-screen::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -2;
    background-image:
        repeating-linear-gradient(-55deg,
            transparent,
            transparent 80px,
            rgba(232, 56, 79, 0.015) 80px,
            rgba(232, 56, 79, 0.015) 81px,
            transparent 81px,
            transparent 160px),
        repeating-linear-gradient(55deg,
            transparent,
            transparent 120px,
            rgba(212, 20, 40, 0.01) 120px,
            rgba(212, 20, 40, 0.01) 121px,
            transparent 121px,
            transparent 240px);
    pointer-events: none;
    animation: neonLinesDrift 20s linear infinite;
}

@keyframes neonLinesDrift {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 160px 160px, -240px -240px;
    }
}

/* Futuristic circuit/hexagonal pattern overlay */
.admin-login-screen .circuit-pattern {
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0.04;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 0 L120 30 L120 90 L60 120 L0 90 L0 30 Z' fill='none' stroke='%23e8384f' stroke-width='0.5'/%3E%3Cpath d='M60 30 L90 45 L90 75 L60 90 L30 75 L30 45 Z' fill='none' stroke='%23e8384f' stroke-width='0.3'/%3E%3C/svg%3E");
    pointer-events: none;
}

/* Soft ambient particles */
.admin-login-screen .particles {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.admin-login-screen .particle {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 56, 79, 0.6), transparent 70%);
    animation: particleFloat 15s ease-in-out infinite;
}

.admin-login-screen .particle:nth-child(1) {
    left: 10%;
    top: 20%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.admin-login-screen .particle:nth-child(2) {
    left: 85%;
    top: 15%;
    width: 60px;
    height: 60px;
    animation-delay: 2s;
}

.admin-login-screen .particle:nth-child(3) {
    left: 15%;
    bottom: 25%;
    width: 100px;
    height: 100px;
    animation-delay: 4s;
}

.admin-login-screen .particle:nth-child(4) {
    left: 75%;
    bottom: 15%;
    width: 70px;
    height: 70px;
    animation-delay: 6s;
}

.admin-login-screen .particle:nth-child(5) {
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    animation-delay: 8s;
}

@keyframes particleFloat {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.15;
    }

    25% {
        transform: translate(30px, -20px) scale(1.1);
        opacity: 0.25;
    }

    50% {
        transform: translate(-20px, 30px) scale(0.9);
        opacity: 0.2;
    }

    75% {
        transform: translate(25px, 25px) scale(1.05);
        opacity: 0.3;
    }
}

/* Navbar override for admin login � black/near-black transparent with red accent */
body:not(.admin-body) .admin-login-screen+.nav,
body:not(.admin-body) .admin-login-screen~.nav {
    background: rgba(8, 8, 12, 0.92) !important;
    backdrop-filter: blur(20px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
    border-bottom: 1px solid rgba(232, 56, 79, 0.15) !important;
    box-shadow: 0 2px 30px rgba(232, 56, 79, 0.1) !important;
}

body:not(.admin-body) .admin-login-screen+.nav.scrolled,
body:not(.admin-body) .admin-login-screen~.nav.scrolled {
    background: rgba(6, 6, 10, 0.98) !important;
    border-bottom: 1px solid rgba(232, 56, 79, 0.2) !important;
    box-shadow: 0 4px 40px rgba(232, 56, 79, 0.15) !important;
}

/* Highlight Admin nav item */
body:not(.admin-body) .admin-login-screen~.nav .nav-links a[href*="admin_login"].active,
body:not(.admin-body) .admin-login-screen+.nav .nav-links a[href*="admin_login"].active {
    color: #ffffff !important;
    text-shadow: 0 0 16px rgba(232, 56, 79, 0.8) !important;
}

body:not(.admin-body) .admin-login-screen~.nav .nav-links a[href*="admin_login"].active::after,
body:not(.admin-body) .admin-login-screen+.nav .nav-links a[href*="admin_login"].active::after {
    background: #e8384f !important;
    box-shadow: 0 0 12px rgba(232, 56, 79, 0.9) !important;
    height: 3px !important;
}

/* Register Now button with yellow/orange accent */
body:not(.admin-body) .admin-login-screen~.nav .nav-cta,
body:not(.admin-body) .admin-login-screen+.nav .nav-cta {
    color: #0b0b0f !important;
    background: linear-gradient(135deg, #FFC107, #FF9800) !important;
    box-shadow: 0 4px 16px rgba(255, 152, 0, 0.3) !important;
}

/* Login card � premium esports panel */
body:not(.admin-body) .admin-login-screen .login-card {
    width: min(440px, 92vw);
    background: linear-gradient(145deg, rgba(18, 18, 24, 0.95), rgba(12, 12, 16, 0.98));
    border: 1px solid rgba(232, 56, 79, 0.18);
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow:
        0 0 0 1px rgba(232, 56, 79, 0.08),
        0 20px 60px rgba(0, 0, 0, 0.5),
        0 0 80px rgba(232, 56, 79, 0.08),
        inset 0 1px 1px rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(24px) saturate(1.5);
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
    position: relative;
    overflow: hidden;
}

/* Top glow accent on login card */
body:not(.admin-body) .admin-login-screen .login-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #e8384f, #d4a420, #e8384f, transparent);
    border-radius: 20px 20px 0 0;
    opacity: 0.6;
    animation: cardGlowPulse 3s ease-in-out infinite;
}

@keyframes cardGlowPulse {

    0%,
    100% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }
}

/* Admin login logo � use actual NEXORA ESPORTS logo */
body:not(.admin-body) .admin-login-screen .admin-login-logo {
    display: block;
    width: 140px;
    height: auto;
    max-height: 56px;
    margin: 0 auto 20px;
    object-fit: contain;
    filter: drop-shadow(0 4px 16px rgba(232, 56, 79, 0.3));
    transition: filter 0.3s ease;
}

body:not(.admin-body) .admin-login-screen .login-card:hover .admin-login-logo {
    filter: drop-shadow(0 6px 24px rgba(232, 56, 79, 0.5));
}

/* Fallback if no logo */
body:not(.admin-body) .admin-login-screen .brand-mark {
    width: 56px;
    height: 56px;
    font-size: 22px;
    background: linear-gradient(135deg, #e8384f, #d4a420);
    box-shadow: 0 8px 24px rgba(232, 56, 79, 0.35);
    margin-bottom: 16px;
}

/* Admin Panel eyebrow */
body:not(.admin-body) .admin-login-screen .eyebrow {
    background: rgba(232, 56, 79, 0.15) !important;
    border-color: rgba(232, 56, 79, 0.3) !important;
    color: #e8384f !important;
    font-size: 11px;
    letter-spacing: 0.18em;
    margin-bottom: 10px;
}

/* Welcome Back heading */
body:not(.admin-body) .admin-login-screen .login-card h1 {
    font-size: clamp(28px, 3.8vw, 36px);
    font-weight: 800;
    color: #ffffff;
    text-shadow: 0 0 30px rgba(232, 56, 79, 0.3);
    margin-bottom: 28px;
    letter-spacing: -0.01em;
}

/* Login fields � dark charcoal with red glow on focus */
body:not(.admin-body) .admin-login-screen .login-fields {
    display: grid;
    gap: 16px;
    margin-top: 8px;
}

body:not(.admin-body) .admin-login-screen .login-fields label {
    display: grid;
    gap: 8px;
    color: #c8c0b8;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body:not(.admin-body) .admin-login-screen .login-fields input {
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    background: #0d0d12;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: #f0ebe8;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow:
        inset 0 2px 8px rgba(0, 0, 0, 0.4),
        0 0 0 1px transparent;
}

body:not(.admin-body) .admin-login-screen .login-fields input::placeholder {
    color: rgba(200, 192, 184, 0.4);
    font-weight: 400;
}

body:not(.admin-body) .admin-login-screen .login-fields input:hover {
    border-color: rgba(232, 56, 79, 0.3);
    box-shadow:
        inset 0 2px 8px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(232, 56, 79, 0.1);
}

body:not(.admin-body) .admin-login-screen .login-fields input:focus {
    outline: none;
    border-color: #e8384f;
    box-shadow:
        inset 0 2px 8px rgba(0, 0, 0, 0.4),
        0 0 0 2px rgba(232, 56, 79, 0.15),
        0 0 20px rgba(232, 56, 79, 0.2);
    background: #0f0f14;
}

/* Login hint */
body:not(.admin-body) .admin-login-screen .login-hint {
    margin: 20px 0 0 !important;
    font-size: 12.5px;
    color: rgba(200, 192, 184, 0.5);
    line-height: 1.5;
}

/* Login button � premium esports red/crimson gradient */
body:not(.admin-body) .admin-login-screen .btn.primary.block {
    width: 100%;
    min-height: 54px;
    padding: 14px 28px;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #b71c1c 0%, #e8384f 50%, #c62828 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow:
        0 6px 20px rgba(232, 56, 79, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

body:not(.admin-body) .admin-login-screen .btn.primary.block::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #c62828 0%, #b71c1c 50%, #8b1515 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

body:not(.admin-body) .admin-login-screen .btn.primary.block:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 32px rgba(232, 56, 79, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 1px 1px rgba(255, 255, 255, 0.15),
        0 0 40px rgba(232, 56, 79, 0.3);
}

body:not(.admin-body) .admin-login-screen .btn.primary.block:hover::before {
    opacity: 1;
}

body:not(.admin-body) .admin-login-screen .btn.primary.block:active {
    transform: translateY(0) scale(0.98);
}

body:not(.admin-body) .admin-login-screen .btn.primary.block i {
    margin-right: 10px;
    font-size: 1.1em;
    transition: transform 0.25s ease;
}

body:not(.admin-body) .admin-login-screen .btn.primary.block:hover i {
    transform: translateX(4px);
}

/* Responsive � Mobile */
@media (max-width: 620px) {
    body:not(.admin-body) .admin-login-screen {
        padding: 72px 16px 32px;
        min-height: 100vh;
    }

    body:not(.admin-body) .admin-login-screen .login-card {
        padding: 32px 24px;
        border-radius: 16px;
    }

    body:not(.admin-body) .admin-login-screen .admin-login-logo {
        width: 120px;
        max-height: 48px;
        margin-bottom: 16px;
    }

    body:not(.admin-body) .admin-login-screen .eyebrow {
        font-size: 10px;
        padding: 4px 10px;
    }

    body:not(.admin-body) .admin-login-screen .login-card h1 {
        font-size: clamp(24px, 7vw, 30px);
        margin-bottom: 22px;
    }

    body:not(.admin-body) .admin-login-screen .login-fields {
        gap: 14px;
    }

    body:not(.admin-body) .admin-login-screen .login-fields input {
        min-height: 48px;
        padding: 0 16px;
        font-size: 15px;
    }

    body:not(.admin-body) .admin-login-screen .btn.primary.block {
        min-height: 50px;
        padding: 12px 24px;
        font-size: 14.5px;
    }

    body:not(.admin-body) .admin-login-screen .login-hint {
        font-size: 11.5px;
    }
}

/* Very small screens */
@media (max-width: 380px) {
    body:not(.admin-body) .admin-login-screen .login-card {
        padding: 28px 20px;
    }

    body:not(.admin-body) .admin-login-screen .admin-login-logo {
        width: 100px;
        max-height: 40px;
    }

    body:not(.admin-body) .admin-login-screen .login-card h1 {
        font-size: 22px;
    }

    body:not(.admin-body) .admin-login-screen .login-fields input {
        min-height: 46px;
        font-size: 14px;
    }
}

/* Tablet */
@media (min-width: 621px) and (max-width: 1024px) {
    body:not(.admin-body) .admin-login-screen .login-card {
        padding: 36px 32px;
    }
}

/* ------------------------------------------------------------
   ABOUT US PAGE � Premium Nexora Esports Championship Arena
   One continuous dark/red environment from hero to footer.
   ----------------------------------------------------------- */

/* -- Page shell: single connected arena environment -- */
.about-page-shell {
    position: relative;
    isolation: isolate;
    overflow-x: clip;
    background:
        radial-gradient(1100px 620px at 88% -8%, rgba(232, 56, 79, .12), transparent 62%),
        radial-gradient(900px 560px at -6% 28%, rgba(185, 28, 28, .08), transparent 60%),
        radial-gradient(1000px 720px at 72% 108%, rgba(232, 56, 79, .07), transparent 60%),
        linear-gradient(180deg, #07080c 0%, #0a0b10 42%, #08090e 78%, #060709 100%) !important;
}

/* Thin dark-red diagonal lines across the whole page */
.about-page-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        repeating-linear-gradient(-55deg,
            transparent 0 110px,
            rgba(232, 56, 79, .032) 110px 111.5px,
            transparent 111.5px 220px),
        repeating-linear-gradient(35deg,
            transparent 0 170px,
            rgba(232, 56, 79, .02) 170px 171px,
            transparent 171px 340px);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .45) 30%, rgba(0, 0, 0, .75));
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .45) 30%, rgba(0, 0, 0, .75));
}

/* Faint angular hex/circuit geometry */
.about-page-shell::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .05;
    background-image: url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70 6 L126 38 L126 102 L70 134 L14 102 L14 38 Z' fill='none' stroke='%23e8384f' stroke-width='.7'/%3E%3Cpath d='M70 40 L96 55 L96 85 L70 100 L44 85 L44 55 Z' fill='none' stroke='%23e8384f' stroke-width='.4'/%3E%3Ccircle cx='70' cy='70' r='2' fill='%23e8384f'/%3E%3C/svg%3E");
    background-size: 140px 140px;
    mask-image: radial-gradient(ellipse at 50% 20%, #000 0%, transparent 78%);
    -webkit-mask-image: radial-gradient(ellipse at 50% 20%, #000 0%, transparent 78%);
}

.about-page-shell>section,
.about-page-shell>.wrap {
    position: relative;
    z-index: 1;
}

/* Neutralize per-section backgrounds so the arena stays continuous */
.about-page-shell .page-head,
.about-page-shell .section.white,
.about-page-shell .section.soft,
.about-page-shell .section {
    background: transparent !important;
    border-block: none !important;
    box-shadow: none !important;
}

.about-page-shell .section {
    padding-block: clamp(48px, 6.5vw, 92px);
}

/* -- Flowing red energy streaks (subtle current, not lightning) -- */
.about-energy-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.ae-streak {
    position: absolute;
    left: -35%;
    width: 26%;
    height: 1.5px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgba(232, 56, 79, .65) 30%, rgba(255, 120, 132, .85) 50%, rgba(232, 56, 79, .65) 70%, transparent);
    filter: blur(.4px);
    opacity: .22;
}

.ae-1 {
    top: 16%;
    animation: aboutCurrent 11s linear infinite;
}

.ae-2 {
    top: 47%;
    width: 18%;
    opacity: .16;
    animation: aboutCurrent 15s linear infinite;
    animation-delay: -6s;
}

.ae-3 {
    top: 81%;
    width: 22%;
    opacity: .18;
    animation: aboutCurrent 13s linear infinite;
    animation-delay: -3s;
}

@keyframes aboutCurrent {
    from {
        transform: translateX(-10%);
    }

    to {
        transform: translateX(480%);
    }
}

/* -- HERO -- */
.about-page-shell .about-hero {
    position: relative;
    isolation: isolate;
    min-height: clamp(340px, 46vw, 500px);
    display: flex;
    align-items: center;
    padding: clamp(64px, 8vw, 110px) 0 clamp(48px, 6vw, 84px) !important;
    overflow: hidden;
}

/* Red neon lighting behind hero */
.about-hero-fx {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.ahx-glow {
    position: absolute;
    right: -12%;
    top: -30%;
    width: 62%;
    height: 160%;
    background:
        radial-gradient(closest-side at 62% 42%, rgba(232, 56, 79, .20), transparent 68%),
        radial-gradient(closest-side at 40% 66%, rgba(185, 28, 28, .14), transparent 70%);
    filter: blur(6px);
}

/* Angular geometric grid, hero only */
.ahx-grid {
    position: absolute;
    inset: 0;
    opacity: .07;
    background-image:
        url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 8 L144 44 L144 116 L80 152 L16 116 L16 44 Z' fill='none' stroke='%23ff4d5f' stroke-width='.8'/%3E%3Cpath d='M80 46 L112 64 L112 96 L80 114 L48 96 L48 64 Z' fill='none' stroke='%23ff4d5f' stroke-width='.5'/%3E%3C/svg%3E");
    background-size: 160px 160px;
    background-position: right -30px center;
    mask-image: radial-gradient(circle at 82% 50%, #000 0%, transparent 62%);
    -webkit-mask-image: radial-gradient(circle at 82% 50%, #000 0%, transparent 62%);
}

/* Thin red glowing connector lines */
.ahx-line {
    position: absolute;
    height: 1px;
    width: 46%;
    left: -6%;
    background: linear-gradient(90deg, transparent, rgba(232, 56, 79, .55), rgba(255, 105, 118, .7), transparent);
    box-shadow: 0 0 14px rgba(232, 56, 79, .35);
}

.ahx-line-a {
    bottom: 24%;
    transform: rotate(-7deg);
}

.ahx-line-b {
    bottom: 12%;
    width: 34%;
    left: 2%;
    opacity: .6;
    transform: rotate(-7deg);
}

/* Electric streak sweeping the hero */
.ahx-current {
    position: absolute;
    top: 58%;
    left: -30%;
    width: 24%;
    height: 1.5px;
    background: linear-gradient(90deg, transparent, rgba(232, 56, 79, .8), rgba(255, 140, 150, .95), rgba(232, 56, 79, .8), transparent);
    filter: blur(.4px);
    opacity: .4;
    animation: ahxSweep 9s linear infinite;
}

@keyframes ahxSweep {
    to {
        transform: translateX(560%);
    }
}

/* Championship trophy mark � right side */
.ahx-champion {
    position: absolute;