/* xHash public theme: privacy-first darknet terminal aesthetic. */
:root {
    color-scheme: dark;
    --bg-primary: #05070a;
    --bg-secondary: #090d12;
    --bg-card: #0d1218;
    --bg-input: #080c11;
    --text-primary: #f2f7fa;
    --text-secondary: #9baab4;
    --text-muted: #61717c;
    --accent-primary: #18bde5;
    --accent-secondary: #7de4fa;
    --accent-soft: rgba(24, 189, 229, 0.11);
    --accent-error: #ff5d6c;
    --accent-warning: #f5bd4f;
    --accent-success: #3fe49a;
    --accent-rgb: 24, 189, 229;
    --accent-secondary-rgb: 125, 228, 250;
    --border-color: #1c2a33;
    --border-hover: #2f8fa8;
    --border-radius: 10px;
    --shadow-sm: 0 12px 30px rgba(0, 0, 0, 0.28);
    --shadow-md: 0 22px 56px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 34px 90px rgba(0, 0, 0, 0.56), 0 0 34px rgba(24, 189, 229, 0.035);
}

html {
    background: #05070a;
}

body {
    color: var(--text-primary);
    background:
        radial-gradient(circle at 13% -10%, rgba(24, 189, 229, 0.16), transparent 31rem),
        radial-gradient(circle at 88% 4%, rgba(24, 189, 229, 0.07), transparent 24rem),
        linear-gradient(180deg, #05070a 0%, #070b10 52%, #040609 100%);
}

body::before {
    z-index: 0;
    opacity: 0.72;
    background-image:
        linear-gradient(rgba(24, 189, 229, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 189, 229, 0.035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 99999;
    pointer-events: none;
    opacity: 0.12;
    background: repeating-linear-gradient(180deg, transparent 0 3px, rgba(255, 255, 255, 0.025) 3px 4px);
    mix-blend-mode: screen;
}

body > * {
    position: relative;
    z-index: 1;
}

::selection {
    color: #020507;
    background: var(--accent-primary);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #06090d;
}

::-webkit-scrollbar-thumb {
    border: 2px solid #06090d;
    border-radius: 10px;
    background: #203743;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-primary);
}

a {
    color: var(--accent-primary);
}

button,
input,
select,
textarea {
    color-scheme: dark;
}

input,
textarea {
    caret-color: var(--accent-primary);
}

:focus-visible {
    outline: 2px solid var(--accent-primary);
    outline-offset: 3px;
}

.msg-alert {
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-left-color: var(--accent-primary);
    border-radius: 8px;
    background: rgba(10, 15, 20, 0.96);
}

.msg-alert.ok {
    color: var(--accent-success);
    border-color: rgba(63, 228, 154, 0.34);
}

.msg-alert.err {
    color: var(--accent-error);
    border-color: rgba(255, 93, 108, 0.35);
}

.btn-primary,
.lookup-button,
.copy-button,
.deposit-copy-btn,
.swap-btn-main {
    color: #021014;
    border-color: rgba(125, 228, 250, 0.78);
    border-radius: 8px;
    background: linear-gradient(135deg, #62ddf7 0%, #12abd2 100%);
    box-shadow: 0 12px 32px rgba(24, 189, 229, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.62);
    text-shadow: none;
}

.btn-primary:hover,
.lookup-button:hover,
.copy-button:hover,
.deposit-copy-btn:hover,
.swap-btn-main:hover:not(:disabled) {
    box-shadow: 0 16px 40px rgba(24, 189, 229, 0.31), 0 0 20px rgba(24, 189, 229, 0.12);
}

.btn-secondary,
.btn-action,
.email-btn {
    color: var(--text-primary);
    border-color: var(--border-color);
    border-radius: 8px;
    background: #0a1016;
}

.btn-secondary:hover,
.btn-action:hover,
.email-btn:hover {
    color: var(--accent-secondary);
    border-color: rgba(24, 189, 229, 0.48);
    background: #0d1820;
}

.rate-info-modal {
    background: rgba(0, 3, 6, 0.78);
}

.modal-content,
.contacts-card {
    border-color: #20313b;
    border-radius: 12px;
    background: rgba(8, 13, 18, 0.98);
}

.modal-close {
    color: var(--text-secondary);
    border-color: var(--border-color);
    background: #0d141b;
}

/* Navigation and supplied brand mark */
.header {
    padding-top: 18px;
}

.header-content--nav-only {
    min-height: 68px;
    border-color: rgba(43, 69, 81, 0.78);
    border-radius: 10px;
    background:
        linear-gradient(90deg, rgba(24, 189, 229, 0.05), transparent 28%),
        rgba(6, 10, 14, 0.88);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42), inset 0 -1px 0 rgba(24, 189, 229, 0.05);
}

.header-content--nav-only::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 2px;
    background: var(--accent-primary);
    box-shadow: 0 0 16px rgba(24, 189, 229, 0.8);
}

.site-logo-wrap {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    overflow: hidden;
    padding: 2px;
    border: 1px solid rgba(24, 189, 229, 0.46);
    border-radius: 50%;
    background: #000;
    box-shadow:
        0 0 0 3px rgba(24, 189, 229, 0.055),
        0 0 24px rgba(24, 189, 229, 0.16),
        inset 0 0 12px rgba(24, 189, 229, 0.06);
}

.site-logo {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform-origin: 50% 50%;
    animation: xhash-logo-full-turn 3s ease-in-out infinite;
    will-change: transform;
}

@keyframes xhash-logo-full-turn {
    0%,
    66.666% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.exchange-brand-title,
.logo h1 {
    color: #f7fbfd;
    font-family: "Segoe UI", Arial, sans-serif;
    letter-spacing: 0.035em;
    text-transform: none;
}

.exchange-brand-title::after {
    content: " // PRIVATE EXCHANGE";
    color: var(--accent-primary);
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.55em;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.nav-link,
.footer-link {
    border-radius: 6px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.82rem;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.nav-link:hover,
.footer-link:hover,
.nav-link.active,
.footer-link.active {
    color: var(--accent-secondary);
    background: rgba(24, 189, 229, 0.1);
}

.mobile-nav-toggle,
.lang-dd__btn {
    color: var(--text-secondary);
    border-color: #20313b;
    border-radius: 7px;
    background: rgba(9, 15, 20, 0.96);
    box-shadow: none;
}

.mobile-nav-toggle:hover,
.lang-dd__btn:hover,
.lang-dd.open .lang-dd__btn {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.5);
    background: #0b1319;
    box-shadow: 0 0 24px rgba(24, 189, 229, 0.08);
}

.lang-dd__flag-wrap,
.lang-dd__opt-media {
    border-color: #243640;
    background: #090d12;
}

.lang-dd__chev {
    color: var(--accent-primary);
    background: var(--accent-soft);
}

.mobile-nav-panel,
.lang-dd__menu {
    border-color: #20313b;
    border-radius: 9px;
    background: rgba(6, 10, 14, 0.98);
    box-shadow: var(--shadow-lg);
}

.mobile-nav-panel__link {
    border-radius: 6px;
    font-family: Consolas, "Courier New", monospace;
    text-transform: uppercase;
}

.mobile-nav-panel__link:hover,
.mobile-nav-panel__link.active,
.lang-dd__opt:hover,
.lang-dd__opt.active,
.lang-dd__opt[aria-selected="true"] {
    color: var(--accent-secondary);
    border-color: rgba(24, 189, 229, 0.24);
    background: rgba(24, 189, 229, 0.08);
}

.footer-inner {
    border-color: #18242c;
}

.footer-domain-chip {
    color: var(--text-secondary);
    border-color: #1c2b34;
    border-radius: 7px;
    background: rgba(7, 11, 15, 0.78);
    box-shadow: none;
}

.footer-domain-chip--clear {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.26);
    background: rgba(24, 189, 229, 0.055);
}

/* Shared components */
.asset-dropdown-item-icon,
.order-token-icon,
.blog-card-cover,
.blog-article-cover {
    background: #0a1117;
}

.asset-dropdown-item-chain,
.asset-dropdown-item-chain-name,
.asset-selected-chain,
.asset-selected-chain-inline,
.net-badge,
.order-token-chain-badge {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.26);
    background: rgba(24, 189, 229, 0.08);
}

.asset-dropdown-item-mixer-badge,
.asset-selected-mixer-badge {
    color: var(--accent-secondary);
    border-color: rgba(125, 228, 250, 0.42);
    background: rgba(24, 189, 229, 0.1);
}

.asset-dropdown-footer {
    background: linear-gradient(180deg, transparent, #080d12 45%);
}

.asset-dropdown-more,
.asset-dropdown-retry {
    color: var(--text-primary);
    border-color: var(--border-color);
    background: #0b1218;
}

.toast {
    border-color: #243843;
    border-radius: 9px;
    background: rgba(7, 12, 17, 0.98);
}

.toast.success {
    border-color: rgba(63, 228, 154, 0.38);
}

.toast.error {
    border-color: rgba(255, 93, 108, 0.38);
}

.toast-close {
    color: var(--text-secondary);
    border-color: var(--border-color);
    background: #0c1218;
}

.reviews-panel {
    padding: clamp(20px, 4vw, 34px);
    border-color: #1d303a;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(10, 16, 22, 0.98), rgba(5, 9, 13, 0.96)),
        radial-gradient(circle at 12% 0%, rgba(24, 189, 229, 0.14), transparent 34%);
}

.reviews-panel::before {
    border-color: rgba(24, 189, 229, 0.08);
    border-radius: 9px;
}

.reviews-head {
    top: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 0;
    background: #080d12;
    box-shadow: none;
    transform: translate(-50%, -50%);
}

.reviews-eyebrow {
    color: var(--text-muted);
}

.reviews-eyebrow::before,
.reviews-eyebrow::after {
    background: linear-gradient(90deg, transparent, rgba(24, 189, 229, 0.48));
}

.reviews-eyebrow::after {
    background: linear-gradient(90deg, rgba(24, 189, 229, 0.48), transparent);
}

.reviews-total {
    color: var(--text-muted);
    border: 0;
    background: transparent;
}

.reviews-total::before {
    background: rgba(24, 189, 229, 0.34);
}

.reviews-total strong {
    color: #7de4fa;
}

@media (max-width: 768px) {
    .reviews-panel {
        padding: 32px 18px 18px;
    }

    .reviews-head {
        top: 0;
        padding: 0 10px;
        transform: translate(-50%, -50%);
    }
}

.review-tile {
    border-color: #1b2a33;
    border-radius: 9px;
    background: rgba(8, 13, 18, 0.92);
    box-shadow: var(--shadow-sm);
}

.review-tile__deposit {
    color: #cbdbe2;
    border-color: rgba(24, 189, 229, 0.46);
    background: #0d2029;
}

.review-tile__deposit strong {
    color: #8cecff;
}

a.review-tile:hover {
    border-color: rgba(24, 189, 229, 0.45);
    background: #0c151b;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.44), 0 0 18px rgba(24, 189, 229, 0.06);
}

/* Exchange */
#exchange.swap-widget-box {
    --ex-ink: #eef7fa;
    --ex-muted: #778b96;
    --ex-green: #18bde5;
    --ex-blue: #7de4fa;
    --ex-panel: #0b1016;
    --ex-line: #1c2a33;
    border-color: #233641;
    border-radius: 14px;
    background: rgba(6, 10, 14, 0.94);
    box-shadow: var(--shadow-lg);
}

#exchange.swap-widget-box::before {
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(24, 189, 229, 0.08), transparent 42%),
        linear-gradient(315deg, rgba(125, 228, 250, 0.045), transparent 36%);
}

#exchange.is-mixer-mode.swap-widget-box {
    border-color: rgba(24, 189, 229, 0.52);
    background:
        radial-gradient(circle at 88% 8%, rgba(24, 189, 229, 0.12), transparent 42%),
        linear-gradient(165deg, rgba(7, 14, 19, 0.98), rgba(4, 9, 13, 0.96));
    box-shadow: var(--shadow-lg), 0 0 28px rgba(24, 189, 229, 0.07);
}

.home-benefits {
    border-color: #1d303a;
    border-radius: 14px;
    background:
        radial-gradient(circle at 20% 0%, rgba(24, 189, 229, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(10, 16, 21, 0.98), rgba(5, 9, 13, 0.96));
}

.home-benefits::before {
    border-color: rgba(24, 189, 229, 0.08);
    border-radius: 9px;
}

.home-benefits::after,
.home-benefit-card::before {
    background: rgba(24, 189, 229, 0.065);
}

.home-benefits-eyebrow::before {
    background: var(--accent-primary);
    box-shadow: 0 0 0 5px rgba(24, 189, 229, 0.1), 0 0 16px rgba(24, 189, 229, 0.55);
}

.home-benefit-card {
    border-color: #1b2b34;
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(13, 19, 25, 0.98), rgba(7, 12, 17, 0.96));
    box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.home-benefit-card:hover {
    border-color: rgba(24, 189, 229, 0.4);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.42), 0 0 22px rgba(24, 189, 229, 0.055);
}

.home-benefit-icon {
    color: #021014;
    border-color: rgba(125, 228, 250, 0.6);
    border-radius: 7px;
    background: linear-gradient(135deg, #78e5fb, #13acd3);
    box-shadow: 0 12px 28px rgba(24, 189, 229, 0.2);
}

#exchange .swap-widget-col,
#exchange.is-mixer-mode .swap-widget-col,
#exchange .commission-tier-panel,
#exchange .estimate-result,
#exchange .progress-tracking {
    border-color: var(--ex-line);
    border-radius: 9px;
    background: #0b1016;
    box-shadow: var(--shadow-sm);
}

#exchange .exchange-benefit-line {
    color: var(--accent-primary);
    font-family: Consolas, "Courier New", monospace;
}

#exchange .exchange-benefit-line > span:not(:first-child)::before,
#exchange .exchange-benefit-line > span::before {
    background: var(--accent-primary);
    box-shadow: 0 0 0 4px rgba(24, 189, 229, 0.08);
}

#exchange .exchange-mode-switch {
    border-color: #20343f;
    background: #060a0e;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.64);
}

#exchange .exchange-mode-switch__glow,
#exchange:has(.exchange-mode-option input[value="mixer"]:checked) .exchange-mode-switch__glow,
#exchange.is-mixer-mode .exchange-mode-switch__glow {
    background: linear-gradient(135deg, #7de4fa, #13afd6);
    box-shadow: 0 8px 24px rgba(24, 189, 229, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

#exchange .exchange-mode-option:has(input:checked) {
    color: #031116;
}

#exchange .commission-tier-pill {
    color: var(--ex-ink);
    border-color: #20313b;
    border-radius: 7px;
    background: linear-gradient(180deg, #0e151c, #080d12);
    box-shadow: none;
}

#exchange .commission-tier-pill.is-active {
    color: #061116;
    border-color: rgba(125, 228, 250, 0.72);
    background: linear-gradient(135deg, #7de4fa, #18bde5);
    box-shadow: 0 12px 28px rgba(24, 189, 229, 0.2);
}

#exchange .commission-tier-pill.is-active .commission-tier-pill__range,
#exchange .commission-tier-pill.is-active .commission-tier-pill__pct {
    color: #061116;
}

#exchange .mixing-info-card {
    border-color: rgba(24, 189, 229, 0.22);
    border-radius: 8px;
    background: rgba(24, 189, 229, 0.055);
}

#exchange .asset-search-input,
#exchange .val-input,
#exchange .address-input,
#exchange .fiat-input-under {
    color: var(--ex-ink);
    border-color: #22323b;
    border-radius: 7px;
    background: #070b10;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.45);
}

#exchange .order-captcha {
    border-color: #22323b;
    background: #070b10;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.32);
}

#exchange .order-captcha__field input {
    color: var(--ex-ink);
    border-color: #22323b;
    background: #0b1016;
}

#exchange .order-captcha__refresh {
    color: var(--accent-primary);
    border-color: #22323b;
}

#exchange .order-captcha__error {
    color: #ff8a80;
}

#exchange .asset-search-input:focus,
#exchange .val-input:focus,
#exchange .address-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(24, 189, 229, 0.12), inset 0 1px 8px rgba(0, 0, 0, 0.36);
}

#exchange .asset-selected-icon {
    box-shadow: 0 0 16px rgba(24, 189, 229, 0.12);
}

#exchange .asset-selected-chain-inline,
#exchange .fiat-input-under {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.22);
    background: rgba(24, 189, 229, 0.07);
}

#exchange .reverse-btn {
    color: #061116;
    border: 1px solid rgba(125, 228, 250, 0.72);
    border-radius: 7px;
    background: linear-gradient(135deg, #7de4fa, #18bde5);
    box-shadow: 0 10px 26px rgba(24, 189, 229, 0.22);
}

#exchange .asset-dropdown.active {
    border-color: #243843;
    border-radius: 9px;
    background: #080d12;
}

#exchange .asset-dropdown-item:hover,
#exchange .asset-dropdown-item.selected {
    color: var(--ex-ink);
    background: rgba(24, 189, 229, 0.09);
}

#exchange .address-input::placeholder {
    color: #52636d;
}

#exchange .swap-btn-main {
    color: #031116;
}

#exchange .swap-btn-main__fee,
#exchange .swap-btn-main__fee strong {
    color: rgba(3, 17, 22, 0.72);
}

/* Orders */
.swap-widget-box--order {
    --order-line: #1d2c35;
    --order-panel: rgba(10, 15, 21, 0.96);
    --order-soft: #0a1218;
    border-color: #223640;
    border-radius: 14px;
    background:
        radial-gradient(circle at 10% 0%, rgba(24, 189, 229, 0.1), transparent 36%),
        linear-gradient(135deg, rgba(8, 13, 18, 0.98), rgba(4, 8, 12, 0.96));
}

.swap-widget-box--order::before {
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(24, 189, 229, 0.07), transparent 44%);
}

.lookup-card,
.tools-link-box,
.tools-email-box,
.order-new-deposit,
.order-new-meta,
.order-new-header,
.flow-side,
.order-guarantee,
.exec-log {
    border-color: var(--order-line);
    border-radius: 9px;
    background: var(--order-panel);
}

.order-access-orderid,
.order-id-val,
.status-badge,
.badge,
.flow-arrow,
.order-guarantee__help,
.order-guarantee__icon-btn {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.25);
    border-radius: 7px;
    background: rgba(24, 189, 229, 0.075);
    box-shadow: none;
}

.order-new-id {
    padding: 5px;
    border-color: rgba(24, 189, 229, 0.26);
    border-radius: 7px;
    background: #0a1016;
    box-shadow: none;
}

.order-id-lbl {
    padding-left: 5px;
    color: var(--accent-primary);
}

.order-id-val {
    color: var(--text-primary);
    background: #0a1016;
}

.lookup-input,
#orderEmailInput,
.deposit-copy-group,
.meta-item,
.order-guarantee,
.order-guarantee__textarea,
.exec-log-row,
.transaction-link--compact {
    color: var(--text-primary);
    border-color: var(--border-color);
    border-radius: 7px;
    background: #080d12;
    box-shadow: none;
}

.lookup-input:focus,
#orderEmailInput:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(24, 189, 229, 0.12);
}

.status-badge.pending,
.badge.pending,
.deadline-countdown,
.deposit-instruction {
    color: var(--accent-warning);
    border-color: rgba(245, 189, 79, 0.3);
    background: rgba(245, 189, 79, 0.08);
}

.status-badge.processing,
.badge.processing {
    color: var(--accent-secondary);
    border-color: rgba(125, 228, 250, 0.3);
    background: rgba(24, 189, 229, 0.08);
}

.status-badge.success,
.badge.success {
    color: var(--accent-success);
    border-color: rgba(63, 228, 154, 0.3);
    background: rgba(63, 228, 154, 0.08);
}

.status-badge.refunded,
.badge.refunded {
    color: #c0a8ff;
    border-color: rgba(192, 168, 255, 0.3);
    background: rgba(192, 168, 255, 0.08);
}

.status-badge.failed,
.badge.failed,
.order-status-error,
.order-delete-modal__icon {
    color: var(--accent-error);
    border-color: rgba(255, 93, 108, 0.3);
    background: rgba(255, 93, 108, 0.08);
}

.status-pulse {
    box-shadow: 0 0 0 5px rgba(24, 189, 229, 0.08), 0 0 15px currentColor;
}

.order-access-home-link {
    color: #031116;
    border-color: rgba(125, 228, 250, 0.65);
    border-radius: 7px;
    background: linear-gradient(135deg, #7de4fa, #18bde5);
    box-shadow: 0 14px 30px rgba(24, 189, 229, 0.2);
}

.flow-send,
.flow-receive {
    background: linear-gradient(180deg, #0d141a, #080d12);
}

.flow-receive {
    border-color: rgba(24, 189, 229, 0.28);
}

.order-token-icon,
.tx-coin-icon {
    background: #0b1218;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.45);
}

.order-delete-btn {
    color: var(--accent-error);
    border-color: rgba(255, 93, 108, 0.28);
    background: rgba(255, 93, 108, 0.065);
    box-shadow: none;
}

.order-delete-btn:hover,
.order-delete-btn:focus-visible {
    border-color: rgba(255, 93, 108, 0.52);
    background: rgba(255, 93, 108, 0.11);
    box-shadow: 0 8px 20px rgba(255, 93, 108, 0.07);
}

.order-delete-cancel,
.email-btn--ghost {
    color: var(--text-secondary);
    background: #0a1016;
}

.order-guarantee__icon-btn:hover {
    border-color: var(--accent-primary);
    background: rgba(24, 189, 229, 0.1);
}

.exec-log--txs,
.tx-compact-row,
.tx-amount-pill,
.tx-amount-pill--out,
.tx-compact-row--out,
.tx-confirmations {
    border-color: rgba(24, 189, 229, 0.2);
    background: rgba(24, 189, 229, 0.055);
}

/* Blog, rules, guarantee */
.blog-header,
.blog-card,
.blog-empty,
.blog-article,
.terms-page-shell,
.term-item {
    border-color: #1d2d36;
    border-radius: 10px;
    background: rgba(8, 13, 18, 0.94);
    box-shadow: var(--shadow-sm);
}

.blog-header {
    border-left: 2px solid var(--accent-primary);
    background:
        linear-gradient(90deg, rgba(24, 189, 229, 0.075), transparent 36%),
        rgba(8, 13, 18, 0.94);
}

.blog-header h1,
.blog-article-title,
.terms-page-title {
    text-shadow: 0 0 35px rgba(24, 189, 229, 0.11);
}

.blog-card {
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.blog-card:hover {
    transform: translateY(-3px);
    border-color: rgba(24, 189, 229, 0.35);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45);
}

.terms-page-shell::before {
    background: rgba(24, 189, 229, 0.07);
}

.terms-page-kicker {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.25);
    border-radius: 6px;
    background: rgba(24, 189, 229, 0.07);
    font-family: Consolas, "Courier New", monospace;
}

.terms-page-line {
    border-radius: 0;
    background: linear-gradient(90deg, var(--accent-primary), transparent);
}

.guarantee-address-card {
    border-color: rgba(24, 189, 229, 0.24);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(24, 189, 229, 0.07), rgba(7, 12, 17, 0.92)),
        #080d12;
    box-shadow: var(--shadow-sm);
}

.guarantee-address-card__value,
.guarantee-command {
    color: var(--text-primary);
    border-color: #20313a;
    border-radius: 7px;
    background: #060a0e;
}

/* Partner area */
.glass-panel,
.auth-box,
.profile-card,
.orders-section,
.stat-box,
.ref-link-box,
.tools-link-box,
.tools-email-box {
    border-color: #1d2d36;
    border-radius: 10px;
    background: rgba(8, 13, 18, 0.95);
}

.auth-box {
    box-shadow: var(--shadow-lg);
}

.auth-icon,
.profile-avatar,
.stat-icon-wrap,
.profile-role {
    color: var(--accent-primary);
    border-color: rgba(24, 189, 229, 0.26);
    border-radius: 7px;
    background: rgba(24, 189, 229, 0.08);
}

.partner-access-note {
    color: var(--text-secondary);
    border-color: #1e3039;
    border-radius: 8px;
    background: #080e13;
}

.auth-form input,
.ref-link-input,
.withdraw-input,
.withdraw-form,
.empty-state,
.order-item,
.pair-token {
    color: var(--text-primary);
    border-color: var(--border-color);
    border-radius: 7px;
    background: #070c11;
}

.auth-form input:focus,
.ref-link-input:focus,
.withdraw-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(24, 189, 229, 0.12);
}

.btn-logout {
    color: var(--text-primary);
    border-color: var(--border-color);
    border-radius: 7px;
    background: #090f14;
}

/* Live chat is injected after page CSS, so these overrides intentionally use !important. */
.sys-chat-toggle {
    border-color: rgba(125, 228, 250, 0.62) !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #7de4fa 0%, #14afd6 100%) !important;
    color: #031116 !important;
    box-shadow: 0 18px 44px rgba(24, 189, 229, 0.25) !important;
}

.sys-chat-toggle::before {
    border-radius: 16px !important;
    background: rgba(24, 189, 229, 0.16) !important;
}

.sys-chat-toggle-core {
    border-radius: 8px !important;
    background: rgba(2, 14, 18, 0.13) !important;
    color: #031116 !important;
}

.sys-chat-toggle-core::after {
    border-color: #071016 !important;
    background: var(--accent-success) !important;
}

.sys-chat-panel {
    color: var(--text-primary) !important;
    border-color: #263b46 !important;
    border-radius: 14px !important;
    background: rgba(6, 10, 14, 0.98) !important;
    box-shadow: var(--shadow-lg) !important;
}

.sys-chat-head {
    color: var(--text-primary) !important;
    border-color: #1c2b34 !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(24, 189, 229, 0.12), transparent 34%),
        linear-gradient(180deg, #0c1319, #080d12) !important;
}

.sys-chat-head-badge,
.sys-chat-send {
    color: #031116 !important;
    border-radius: 7px !important;
    background: linear-gradient(145deg, #7de4fa, #18bde5) !important;
    box-shadow: 0 12px 28px rgba(24, 189, 229, 0.2) !important;
}

.sys-chat-title {
    color: var(--text-primary) !important;
}

.sys-chat-subtitle {
    color: var(--accent-primary) !important;
    background: rgba(24, 189, 229, 0.08) !important;
}

.sys-chat-close {
    color: var(--text-secondary) !important;
    border-color: #243741 !important;
    border-radius: 7px !important;
    background: #0b1218 !important;
}

.sys-chat-messages {
    background:
        radial-gradient(circle at 100% 0%, rgba(24, 189, 229, 0.09), transparent 32%),
        linear-gradient(rgba(24, 189, 229, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 189, 229, 0.028) 1px, transparent 1px),
        #060a0e !important;
    background-size: auto, 34px 34px, 34px 34px, auto !important;
}

.sys-chat-msg {
    color: var(--text-primary) !important;
    border-color: #20313b !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

.sys-chat-msg.user {
    color: #031116 !important;
    background: linear-gradient(135deg, #7de4fa, #18bde5) !important;
}

.sys-chat-msg.admin {
    border-left-color: var(--accent-primary) !important;
    background: #0d151b !important;
}

.sys-chat-msg-meta {
    color: var(--text-muted) !important;
}

.sys-chat-msg.user .sys-chat-msg-meta {
    color: rgba(3, 17, 22, 0.64) !important;
}

.sys-chat-date-divider span,
.sys-chat-compose-wrap {
    color: var(--text-secondary) !important;
    border-color: #1c2b34 !important;
    background: rgba(7, 12, 17, 0.94) !important;
}

.sys-chat-compose {
    border-color: #20313b !important;
    border-radius: 8px !important;
    background: #060a0e !important;
}

.sys-chat-compose:focus-within {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 3px rgba(24, 189, 229, 0.12) !important;
}

.sys-chat-input {
    color: var(--text-primary) !important;
}

.sys-chat-input::placeholder {
    color: var(--text-muted) !important;
}

/* Maintenance page inline styles are intentionally superseded here. */
.maintenance-card {
    border-color: #223640 !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(24, 189, 229, 0.11), transparent 38%),
        rgba(7, 12, 17, 0.96) !important;
}

.maintenance-eyebrow {
    color: var(--accent-primary) !important;
    border-color: rgba(24, 189, 229, 0.28) !important;
    border-radius: 6px !important;
    background: rgba(24, 189, 229, 0.08) !important;
    font-family: Consolas, "Courier New", monospace;
}

@media (max-width: 768px) {
    .header {
        padding-top: 8px;
    }

    .header-content--nav-only {
        min-height: 56px;
        border-radius: 8px;
    }

    .site-logo-wrap {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        padding: 2px;
        border-radius: 50%;
    }

    .site-logo {
        width: 100%;
        height: 100%;
    }

    .exchange-brand-title::after {
        display: none;
    }

    .home-benefits,
    #exchange.swap-widget-box,
    .swap-widget-box--order,
    .reviews-panel {
        border-radius: 10px;
    }

    #exchange .exchange-benefit-line > span {
        border-color: rgba(24, 189, 229, 0.2);
        border-radius: 6px;
        background: rgba(24, 189, 229, 0.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    /* Tor Browser can report reduced motion when fingerprinting protection is active. */
    .site-logo {
        animation-duration: 3s !important;
        animation-iteration-count: infinite !important;
    }
}