/* RED Balance — Dark Onyx UI layer
   Loaded after the legacy stylesheet to preserve all existing behavior while
   replacing the visual system. */

:root {
  --bg: #050507;
  --surface: #0b0b0e;
  --surface-2: #101014;
  --surface-3: #15151a;
  --text: #f7f7f8;
  --muted: #9a9aa5;
  --dim: #64646f;
  --line: rgba(255, 255, 255, .075);
  --line-strong: rgba(255, 255, 255, .14);
  --red: #ff3045;
  --red-bright: #ff5262;
  --red-deep: #b80e24;
  --red-glow: rgba(255, 48, 69, .22);
  --green: #9be87a;
  --max: 1240px;
  --gutter: clamp(20px, 4vw, 64px);
  --onyx-shadow: 0 28px 80px rgba(0, 0, 0, .48);
}

html {
  background: var(--bg);
  scroll-behavior: smooth;
  scrollbar-color: #3d3d45 #08080a;
}

body {
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 76% 5%, rgba(116, 10, 28, .14), transparent 31rem),
    radial-gradient(circle at 8% 42%, rgba(255, 48, 69, .055), transparent 28rem),
    #050507;
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "ss01", "cv02", "cv03";
  letter-spacing: -.015em;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: 999;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  content: "";
  pointer-events: none;
}

::selection {
  background: rgba(255, 48, 69, .32);
  color: #fff;
}

a { color: inherit; }

.site-shell {
  position: relative;
  overflow: clip;
  background: transparent;
}

.container {
  width: min(calc(100% - (var(--gutter) * 2)), var(--max));
  max-width: var(--max);
  margin-inline: auto;
}

/* Header */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 80;
  padding: 16px 0;
  border: 0;
  background: transparent;
  pointer-events: none;
  transition: padding .35s ease;
}

.site-header.is-scrolled { padding-top: 10px; }

.header-inner {
  min-height: 66px;
  padding: 8px 10px 8px 22px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 18px;
  background: rgba(10, 10, 13, .72);
  box-shadow: 0 14px 50px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(24px) saturate(1.25);
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  pointer-events: auto;
  transition: min-height .35s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.site-header.is-scrolled .header-inner {
  min-height: 60px;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(8, 8, 10, .9);
  box-shadow: 0 16px 46px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .055);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #f8f8fa;
  font-size: 18px;
  font-weight: 720;
  letter-spacing: -.055em;
}

.brand::before {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: var(--red);
  box-shadow: 0 0 18px rgba(255, 48, 69, .75);
  content: "";
  transform: rotate(45deg);
}

.brand-red { color: var(--red-bright); }
.brand > span:last-child { color: #f4f4f6; }

.main-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}

.main-nav a {
  padding: 9px 13px;
  border-radius: 8px;
  color: #8f8f99;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: color .2s ease, background .2s ease;
}

.main-nav a:hover,
.main-nav a:focus-visible {
  background: rgba(255, 255, 255, .055);
  color: #fff;
}

.header-actions { gap: 7px; }

.btn {
  min-height: 44px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 680;
  letter-spacing: .025em;
  transition: transform .25s cubic-bezier(.2, .8, .2, 1), border-color .2s ease, background .2s ease, color .2s ease, box-shadow .25s ease;
}

.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0) scale(.985); }

.btn-telegram,
.btn-steam,
.btn-profile {
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
  color: #b8b8c1;
  box-shadow: none;
}

.btn-telegram:hover,
.btn-steam:hover,
.btn-profile:hover {
  border-color: rgba(255, 82, 98, .36);
  background: rgba(255, 48, 69, .08);
  color: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
}

.btn-steam .steam-logo { filter: saturate(.85); }

.menu-toggle {
  width: 44px;
  height: 44px;
  border: 1px solid var(--line-strong);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
}

/* Ambient background */
main {
  position: relative;
  isolation: isolate;
  margin-top: 0;
  background: transparent;
}

.particle-layer,
.tech-particle-layer,
.starfield-layer { opacity: .22; }

.grid-distortion-layer {
  opacity: .52;
  mask-image: linear-gradient(to bottom, #000 0%, #000 68%, rgba(0, 0, 0, .88) 78%, rgba(0, 0, 0, .34) 91%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68%, rgba(0, 0, 0, .88) 78%, rgba(0, 0, 0, .34) 91%, transparent 100%);
}

.hero-grid {
  opacity: .2;
  background-image:
    linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .45) 55%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .45) 55%, transparent 100%);
}

.scroll-flares { opacity: .13; }

/* Hero */
.hero {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  padding: 158px 0 104px;
  border: 0;
  background:
    radial-gradient(circle at 72% 42%, rgba(255, 48, 69, .09), transparent 25rem),
    linear-gradient(180deg, rgba(255, 255, 255, .012), transparent 72%);
}

.hero::before {
  position: absolute;
  top: 105px;
  right: -12%;
  width: 58vw;
  height: 58vw;
  max-width: 850px;
  max-height: 850px;
  border: 1px solid rgba(255, 48, 69, .09);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 48, 69, .055), transparent 64%);
  box-shadow: inset 0 0 80px rgba(255, 48, 69, .045);
  content: "";
  pointer-events: none;
}

.hero::after {
  position: absolute;
  right: 6%;
  bottom: 70px;
  left: 6%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .11), transparent);
  content: "";
}

.light-rays-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .36;
  mix-blend-mode: screen;
  pointer-events: none;
  mask-image: linear-gradient(105deg, transparent 0 24%, #000 56%, transparent 96%);
  -webkit-mask-image: linear-gradient(105deg, transparent 0 24%, #000 56%, transparent 96%);
}

.hero-inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(390px, .82fr);
  align-items: center;
  gap: clamp(52px, 7vw, 96px);
}

.hero-copy { max-width: 720px; }

.eyebrow,
.section-kicker,
.profile-overline {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: #c7c7ce;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.eyebrow {
  width: fit-content;
  max-width: 100%;
  padding: 8px 11px;
  border: 1px solid rgba(255, 82, 98, .2);
  border-radius: 999px;
  background: rgba(255, 48, 69, .055);
}

.eyebrow-dot,
.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(255, 48, 69, .1), 0 0 16px rgba(255, 48, 69, .65);
}

.eyebrow-dot {
  animation: hero-title-dot-pulse 1.8s ease-in-out infinite;
}

.hero h1 {
  max-width: 780px;
  margin: 26px 0 24px;
  color: #f8f8fa;
  font-size: clamp(62px, 6.35vw, 94px);
  font-weight: 650;
  line-height: .93;
  letter-spacing: -.078em;
  text-wrap: balance;
}

.hero h1 .accent {
  color: var(--red-bright);
  background: linear-gradient(112deg, #ff6675 5%, #ff3045 55%, #d51932 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 16px 35px rgba(255, 48, 69, .14));
}

.hero-title-lead,
.hero-title-market { display: block; }

.hero-title-lead {
  display: flex;
  align-items: center;
  gap: .36em;
  margin-bottom: .22em;
  color: #f8f8fa;
  font-size: .319em;
  font-weight: 720;
  letter-spacing: .075em;
  line-height: 1;
  white-space: nowrap;
}

.hero-title-separator {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--red-bright);
  box-shadow: 0 0 0 4px rgba(255, 48, 69, .08), 0 0 14px rgba(255, 48, 69, .5);
  animation: hero-title-dot-pulse 1.8s ease-in-out infinite;
}

@keyframes hero-title-dot-pulse {
  0%, 100% {
    opacity: .72;
    box-shadow: 0 0 0 3px rgba(255, 48, 69, .06), 0 0 10px rgba(255, 48, 69, .34);
    transform: scale(.82);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 0 6px rgba(255, 48, 69, .1), 0 0 18px rgba(255, 48, 69, .72);
    transform: scale(1.16);
  }
}

@media (prefers-reduced-motion: reduce) {
  .eyebrow-dot,
  .hero-title-separator { animation: none; }
}

.hero-title-market { line-height: .9; }

.hero-description {
  max-width: 590px;
  margin: 0;
  /* Keep the lead readable even when the legacy text shimmer is disabled. */
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  animation: none;
  color: #b7b7c0;
  font-size: 17px;
  line-height: 1.68;
  letter-spacing: -.015em;
}

.hero-actions { margin-top: 34px; }
.hero-actions .btn { min-width: 220px; justify-content: center; }
.hero-actions .btn-buy-balance {
  min-height: 54px;
  padding: 14px 20px;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
  border-color: rgba(255, 255, 255, .74);
  border-radius: 12px;
  background: linear-gradient(135deg, #fff 0%, #f7f3f4 55%, #f4dfe2 100%);
  color: #c71e35;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 12px 34px rgba(255, 255, 255, .075);
  text-shadow: none;
}
.hero-actions .btn-buy-balance:hover,
.hero-actions .btn-buy-balance:focus-visible {
  border-color: #fff;
  background: linear-gradient(135deg, #fff 0%, #fff 48%, #f6e4e6 100%);
  color: #a9172c;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 15px 38px rgba(240, 68, 68, .16);
  transform: translate3d(0, 0, 8px) scale(1.018) !important;
}
.hero-actions .btn-buy-balance:hover .hero-cta-arrow,
.hero-actions .btn-buy-balance:focus-visible .hero-cta-arrow { transform: translateX(3px); }

.btn-primary {
  position: relative;
  min-height: 54px;
  padding: 14px 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 120, 130, .42);
  border-radius: 12px;
  background: linear-gradient(135deg, #df243c, #bd132c);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 12px 34px rgba(200, 14, 40, .26);
  text-shadow: 0 1px 2px rgba(90, 0, 15, .25);
}

.btn-primary::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 28%, rgba(255, 255, 255, .2) 48%, transparent 68%);
  content: "";
  transform: translateX(-120%);
  transition: transform .65s ease;
}

.btn-primary:hover {
  border-color: rgba(255, 150, 158, .68);
  background: linear-gradient(135deg, #e0243b, #cb1933);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 16px 42px rgba(220, 15, 45, .35);
}

.btn-primary:hover::before { transform: translateX(120%); }
.hero-actions .btn-primary {
  min-height: 54px;
  padding: 14px 20px;
  border: 1px solid rgba(255, 120, 130, .42);
  border-radius: 12px;
  background: linear-gradient(135deg, #df243c, #bd132c);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 12px 34px rgba(200, 14, 40, .26);
}
.hero-actions .btn-primary:hover,
.hero-actions .btn-primary:focus-visible {
  border-color: rgba(255, 150, 158, .68);
  background: linear-gradient(135deg, #e0243b, #cb1933);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 16px 42px rgba(220, 15, 45, .35);
}
.hero-cta-arrow { width: 17px; transition: transform .2s ease; }
.btn-primary:hover .hero-cta-arrow { transform: translateX(3px); }

.hero-trust {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  max-width: 660px;
  margin-top: 38px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(21, 21, 25, .82), rgba(7, 7, 10, .88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 18px 44px rgba(0, 0, 0, .18);
}

.hero-trust::before {
  position: absolute;
  top: 0;
  right: 12%;
  left: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 48, 69, .58), transparent);
  content: "";
}

.hero-trust-item {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  padding: 12px 11px;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .01));
}

.hero-trust-index {
  display: grid;
  place-items: center;
  width: 18px;
  height: 29px;
  flex: 0 0 18px;
}

.hero-trust-index::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--red-bright);
  box-shadow: 0 0 0 5px rgba(255, 48, 69, .08), 0 0 14px rgba(255, 48, 69, .55);
  content: "";
}

.hero-trust-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.hero-trust-copy strong {
  color: #f0f0f3;
  font-size: 13px;
  font-weight: 690;
  line-height: 1.15;
}

.hero-trust-copy > span {
  overflow: hidden;
  color: #777781;
  font-size: 10px;
  letter-spacing: .02em;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Live fee card */
.fee-card {
  position: relative;
  align-self: end;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(24, 24, 29, .96), rgba(8, 8, 11, .97));
  box-shadow: var(--onyx-shadow), inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 8px rgba(255, 255, 255, .012);
  transform: none;
}

.fee-card::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(130deg, rgba(255, 255, 255, .055), transparent 32%),
    radial-gradient(circle at 85% 8%, rgba(255, 48, 69, .17), transparent 38%);
  content: "";
  pointer-events: none;
}

.fee-card::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 28px 28px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 68%);
  pointer-events: none;
}

.fee-card-top,
.fee-list,
.fee-note { position: relative; z-index: 1; }

.fee-card-top {
  padding: 25px 24px 22px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 18px;
  background: rgba(255, 255, 255, .025);
}

.fee-card-head { align-items: center; }
.fee-rate-stage { gap: 7px; }
.fee-value { font-size: clamp(62px, 5vw, 82px); font-weight: 580; letter-spacing: -.075em; }
.fee-value span { margin-left: 4px; color: var(--red-bright); font-size: .34em; }
.fee-label { color: #83838d; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.fee-logo-object { opacity: .76; filter: saturate(.15) contrast(1.12) drop-shadow(0 0 22px rgba(255, 48, 69, .14)); }

.fee-list {
  display: grid;
  gap: 0;
  margin: 12px 12px 0;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 14px;
  background: rgba(0, 0, 0, .18);
}

.fee-row {
  min-height: 42px;
  padding: 10px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
  color: #777781;
  font-size: 13px;
}

.fee-row:last-child { border-bottom: 0; }
.fee-row strong { color: #c5c5cc; font-size: 13px; }
.fee-row.is-active { color: #fff; }
.fee-row.is-active strong { color: var(--red-bright); }

.fee-note {
  margin: 14px 16px 9px;
  color: #74747d;
  font-size: 11px;
  line-height: 1.45;
}

.fee-note .status-dot {
  width: 6px;
  height: 6px;
  background: var(--green);
  box-shadow: 0 0 12px rgba(155, 232, 122, .62);
}

/* Restrained tariff panel: static on hover, precise hierarchy, no ornamental motion. */
.fee-card-top,
.fee-card-top:hover {
  position: relative;
  padding: 20px 22px 22px;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .105);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(27, 27, 32, .98), rgba(12, 12, 15, .985));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 14px 38px rgba(0, 0, 0, .24);
  transform: none !important;
  transition: none !important;
  will-change: auto;
}

.fee-card-top::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 88% 28%, rgba(255, 48, 69, .12), transparent 33%),
    linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
  background-size: auto, 38px 100%;
  content: "";
  pointer-events: none;
}

.fee-card-top::after { display: none; }

.fee-card-meta {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  color: #777781;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.fee-card-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #a9a9b1;
}

.fee-card-status i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px rgba(157, 242, 110, .56);
  animation: status-pulse 2.2s ease-in-out infinite;
}

.fee-card-top .fee-card-head {
  min-height: 118px;
  margin: 0;
  align-items: center;
}

.fee-card-top .fee-rate-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 9px;
  min-height: 104px;
  padding-left: 17px;
}

.fee-card-top .fee-rate-stage::before {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(to bottom, var(--red-bright), rgba(255, 48, 69, .12));
  content: "";
}

.fee-card-top .fee-value {
  position: relative;
  z-index: 3;
  margin: 0;
  color: #f4f4f6;
  font-size: clamp(64px, 5vw, 78px);
  font-weight: 540;
  letter-spacing: -.075em;
  line-height: .82;
}

.fee-card-top .fee-value span {
  margin-left: 6px;
  color: var(--red-bright);
  font-size: .31em;
  font-weight: 650;
  letter-spacing: -.02em;
}

.fee-card-top .fee-label {
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #85858f !important;
  font-size: 11px !important;
  font-weight: 620;
  letter-spacing: .145em;
  line-height: 1.4;
  text-transform: uppercase;
  animation: none !important;
}

.fee-card-top .fee-logo-object {
  z-index: 1;
  flex: 0 0 126px;
  width: 126px;
  height: 112px;
  opacity: .62;
  filter: grayscale(.72) contrast(1.12) drop-shadow(0 0 16px rgba(255, 48, 69, .12));
}

.fee-list {
  padding-top: 0;
  overflow: hidden;
}

.fee-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 4px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
  color: #55555f;
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.fee-row.is-active {
  position: relative;
  align-items: center;
  margin: 3px -10px 3px -2px;
  padding: 10px 16px 10px 8px;
  border: 1px solid rgba(255, 48, 69, .18);
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(255, 48, 69, .075), rgba(255, 48, 69, .015));
}

.fee-row.is-active::before {
  width: 4px;
  height: 4px;
  flex: 0 0 4px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--red-bright);
  box-shadow: 0 0 8px rgba(255, 48, 69, .5);
  content: "";
}

.fee-row.is-active > span { margin-right: auto; }

@media (max-width: 640px) {
  .fee-card-top,
  .fee-card-top:hover { padding: 17px 17px 19px; }
  .fee-card-meta { margin-bottom: 14px; }
  .fee-card-top .fee-card-head { min-height: 108px; }
  .fee-card-top .fee-rate-stage { min-height: 94px; padding-left: 14px; }
  .fee-card-top .fee-value { font-size: 60px; }
  .fee-card-top .fee-logo-object { flex-basis: 104px; width: 104px; height: 96px; }
}

/* Shared sections */
.section { position: relative; padding: 112px 0; }
.section::before { border-color: rgba(255, 255, 255, .06); }

.section-heading {
  align-items: flex-end;
  margin-bottom: 36px;
}

.section-kicker { color: var(--red-bright); }
.section-kicker::before { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 14px rgba(255, 48, 69, .58); }
.section-help img { opacity: .52; filter: grayscale(1) brightness(1.6); }

h2,
.profile-heading h2 {
  margin-top: 13px;
  color: #f1f1f4;
  font-size: clamp(44px, 4.7vw, 68px);
  font-weight: 590;
  line-height: .98;
  letter-spacing: -.068em;
}

.interactive-section-title .title-glyph { transition-duration: .3s; }

/* Calculator */
.exchange {
  padding-top: 118px;
  background:
    radial-gradient(circle at 22% 58%, rgba(255, 48, 69, .055), transparent 30rem),
    linear-gradient(180deg, transparent, rgba(255, 255, 255, .008));
}

.exchange-card {
  position: relative;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .105);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(20, 20, 25, .95), rgba(7, 7, 9, .98));
  box-shadow: var(--onyx-shadow), inset 0 1px 0 rgba(255, 255, 255, .045);
}

.exchange-card::before {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255, 82, 98, .22), transparent 23%, transparent 75%, rgba(255, 255, 255, .055));
  content: "";
  pointer-events: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
}

.exchange-tab {
  position: relative;
  z-index: 1;
  width: max-content;
  min-height: 42px;
  margin: 10px 10px 0;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
  color: #b2b2bb;
  font-size: 12px;
  box-shadow: none;
}

.exchange-tab-target { color: var(--red-bright); }
.exchange-tab-arrow { color: #555560; }

.exchange-direction-tabs {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: max-content;
  max-width: calc(100% - 20px);
  margin: 10px 10px 0;
}

.exchange-direction-option {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.exchange-direction-option:nth-child(3) { min-width: 225px; }

.exchange-direction-label {
  padding-left: 3px;
  color: #8c8c96;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .045em;
  line-height: 1.25;
  transition: color .22s ease, text-shadow .22s ease;
}

.exchange-direction-option.is-active .exchange-direction-label {
  color: #f7f7f9;
  text-shadow: 0 0 10px rgba(255, 255, 255, .2), 0 0 16px rgba(255, 48, 69, .16);
}

.exchange-direction-tabs .exchange-tab {
  width: 100%;
  min-height: 42px;
  margin: 0;
  cursor: pointer;
  font: inherit;
  opacity: .56;
  filter: none;
  transform: none;
}

.exchange-direction-tabs .exchange-tab[aria-selected="true"] {
  border-color: rgba(255, 82, 98, .5);
  background: linear-gradient(145deg, rgba(54, 38, 43, .78), rgba(25, 25, 30, .9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 10px 25px rgba(0, 0, 0, .17), 0 0 18px rgba(255, 48, 69, .08);
  opacity: 1;
}

.exchange-direction-tabs .exchange-tab:hover,
.exchange-direction-tabs .exchange-tab:focus-visible {
  opacity: 1;
}

.exchange-direction-tabs .exchange-tab .market-logo,
.exchange-direction-tabs .exchange-tab .exchange-tab-source,
.exchange-direction-tabs .exchange-tab .exchange-tab-target,
.exchange-direction-tabs .exchange-tab:hover .market-logo,
.exchange-direction-tabs .exchange-tab:focus-visible .market-logo,
.exchange-direction-tabs .exchange-tab:hover .exchange-tab-source,
.exchange-direction-tabs .exchange-tab:focus-visible .exchange-tab-source,
.exchange-direction-tabs .exchange-tab:hover .exchange-tab-target,
.exchange-direction-tabs .exchange-tab:focus-visible .exchange-tab-target {
  filter: none;
  opacity: 1;
  transform: none;
}

.exchange-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(320px, .76fr);
  align-items: stretch;
  gap: 12px;
  padding: 20px 10px 10px;
}

.calculator-inputs,
.calculator-result {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 18px;
  background: rgba(255, 255, 255, .022);
}

.calculator-inputs { padding: clamp(22px, 3vw, 34px); }
.field-label-row label { color: #b3b3bc; font-size: 14px; font-weight: 610; }
.field-label-row span { color: #777781; font-size: 12px; }

.amount-field {
  min-height: 78px;
  margin-top: 14px;
  padding: 6px 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  background: rgba(3, 3, 5, .62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.amount-field:focus-within {
  border-color: rgba(255, 82, 98, .62);
  background: rgba(5, 5, 7, .9);
  box-shadow: 0 0 0 4px rgba(255, 48, 69, .08), 0 16px 36px rgba(0, 0, 0, .25);
}

.amount-field input {
  color: #f6f6f8;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 570;
  letter-spacing: -.045em;
}

.amount-field > span { color: var(--red-bright); font-size: 12px; font-weight: 720; letter-spacing: .11em; }
.field-help { margin-top: 10px; color: #777781; font-size: 12px; line-height: 1.5; }

.tariff-scale {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.tariff-track { height: 4px; border-radius: 99px; background: rgba(255, 255, 255, .075); }
.tariff-track-progress { border-radius: inherit; background: linear-gradient(90deg, var(--red-deep), var(--red-bright)); box-shadow: 0 0 16px rgba(255, 48, 69, .38); }
.tariff-range::-webkit-slider-thumb { width: 18px; height: 18px; border: 4px solid #0b0b0e; box-shadow: 0 0 0 1px var(--red-bright), 0 0 20px rgba(255, 48, 69, .48); }
.range-value { top: -15px; color: #a4a4ae; font-size: 11px; }
.tariff-points { margin-top: 18px; }
.exchange-card[data-direction="buy"] .tariff-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.exchange-card[data-direction="rub"] .tariff-points { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.exchange-card[data-direction="rub"] .amount-field > [data-amount-unit] { color: var(--red-bright); }
.tariff-point strong { color: #90909a; font-size: 13px; }
.tariff-point span { color: #a4a4ae; font-size: 12px; line-height: 1.4; }
.tariff-point.is-active strong { color: var(--red-bright); }
.tariff-point.is-active span { color: #b3b3bb; }

.calculator-result {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
  padding: 10px;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 48, 69, .13), transparent 50%),
    rgba(3, 3, 5, .48);
}

.calculator-result::before {
  position: absolute;
  right: -65px;
  bottom: -65px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(255, 48, 69, .11);
  border-radius: 50%;
  box-shadow: 0 0 0 22px rgba(255, 48, 69, .025), 0 0 0 48px rgba(255, 48, 69, .012);
  content: "";
}

.result-box {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 258px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.calculator-result .result-box {
  flex: 1 1 100%;
  align-self: stretch;
  min-height: 0;
}

.result-topline > span { color: #aaaab4; font-size: 12px; font-weight: 620; }
.network-logo-wrap { top: 55px; right: 108px; width: 43px; height: 43px; border-color: transparent; border-radius: 12px; background: transparent; box-shadow: none; color: var(--red-bright); }
.network-logo-wrap::before,
.network-logo-wrap:hover::before { background: transparent; filter: none; opacity: 0; }
.network-logo-wrap .fee-logo-canvas { width: 160px !important; height: 160px !important; }
.network-logo { width: 21px; }
.network-logo[hidden] { display: none; }
.payout { margin: 18px 0 18px; color: #fff; font-size: clamp(42px, 4.5vw, 64px); font-weight: 560; letter-spacing: -.07em; }
.payout span { color: var(--red-bright); font-size: 13px; font-weight: 720; letter-spacing: .08em; }
.result-divider { width: 100%; border-top: 1px solid rgba(255, 255, 255, .07); }
.result-meta { margin-top: auto; padding-top: 15px; border-top: 0; color: #aaaab4; font-size: 12px; }
.result-meta strong { color: #c5c5cc; font-size: 12px; }

.calculator-actions {
  justify-content: flex-end;
  margin-top: 18px;
}

.calculator-actions .btn { min-width: 280px; }
.btn-wide { width: auto; }
#exchange-button {
  color: #fff;
  font-weight: 760;
  letter-spacing: .115em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .22), 0 0 12px rgba(255, 255, 255, .24);
}
.telegram-withdraw {
  border-color: #38b6ee;
  background: #38b6ee;
  color: #fff;
  box-shadow: none;
}

.telegram-withdraw:hover,
.telegram-withdraw:focus-visible {
  border-color: #38b6ee;
  background: #38b6ee;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(56, 182, 238, .3), 0 12px 34px rgba(34, 158, 217, .34), 0 0 24px rgba(56, 182, 238, .26);
}

/* Process */
.how-it-works { border-top: 1px solid rgba(255, 255, 255, .055); }
.steps-grid { gap: 12px; }

.step-card {
  min-height: 225px;
  padding: 26px 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(20, 20, 24, .78), rgba(8, 8, 10, .84));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transform: none;
}

.step-card::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 14% 0%, rgba(255, 48, 69, .12), transparent 42%);
  content: "";
  opacity: 0;
  transition: opacity .3s ease;
}

.step-card:hover,
.step-card.is-active {
  border-color: rgba(255, 82, 98, .25);
  background: linear-gradient(155deg, rgba(27, 19, 23, .9), rgba(8, 8, 10, .94));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .045);
  transform: translateY(-3px);
}

.step-card:hover::before,
.step-card.is-active::before { opacity: 1; }
.step-number { position: relative; z-index: 1; color: var(--red-bright); font: 650 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .14em; }
.step-number::after { width: 42px; background: rgba(255, 48, 69, .42); }
.step-card h3 { position: relative; z-index: 1; margin-top: 58px; color: #e8e8eb; font-size: 18px; font-weight: 620; letter-spacing: -.035em; }
.step-card p { position: relative; z-index: 1; color: #aaaab4; font-size: 14px; line-height: 1.6; }

/* FAQ */
.faq {
  padding-bottom: 130px;
  border-top: 1px solid rgba(255, 255, 255, .055);
  background: radial-gradient(circle at 84% 70%, rgba(255, 48, 69, .045), transparent 28rem);
}

.faq .container {
  display: grid;
  grid-template-columns: minmax(230px, .42fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(50px, 8vw, 120px);
}

.faq .section-heading { position: sticky; top: 120px; margin: 0; }
.faq-list { gap: 9px; }

.faq-item {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .022);
  transition: border-color .25s ease, background .25s ease;
}

.faq-item:hover { border-color: rgba(255, 255, 255, .13); background: rgba(255, 255, 255, .032); }
.faq-item[open] { border-color: rgba(255, 82, 98, .25); background: rgba(255, 48, 69, .045); }
.faq-item summary { min-height: 68px; padding: 19px 20px; color: #dedee2; font-size: 15px; font-weight: 590; }
.faq-item summary::after { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 8px; background: rgba(255, 255, 255, .035); color: #74747e; }
.faq-item[open] summary::after { border-color: rgba(255, 82, 98, .28); background: rgba(255, 48, 69, .09); color: var(--red-bright); }
.faq-answer { padding: 0 20px 21px; }
.faq-answer p { max-width: 760px; color: #b0b0ba; font-size: 14px; line-height: 1.7; }

/* Profile, account tools and modal surfaces */
.profile-page {
  min-height: 100vh;
  padding-top: 132px;
  background: radial-gradient(circle at 78% 12%, rgba(255, 48, 69, .08), transparent 30rem);
}

body.is-profile-view .site-header { position: fixed; }

.profile-heading { margin-bottom: 32px; }
.profile-heading-action { border-color: rgba(255, 255, 255, .09); border-radius: 11px; background: rgba(255, 255, 255, .035); color: #8c8c96; }
.profile-heading-action:hover { border-color: rgba(255, 82, 98, .32); background: rgba(255, 48, 69, .075); color: #fff; }

.profile-card,
.transfer-request-card {
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(20, 20, 25, .92), rgba(8, 8, 11, .96));
  box-shadow: 0 22px 58px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.purchase-request-kicker { gap: 8px; color: #d1d1d7; }
.purchase-request-kicker::before { display: none; }
.purchase-request-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--red-bright); box-shadow: 0 0 0 3px rgba(255, 48, 69, .08), 0 0 12px rgba(255, 48, 69, .58); animation: hero-title-dot-pulse 1.8s ease-in-out infinite; }
.purchase-request-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.purchase-request-card { scroll-margin-top: 100px; }
.purchase-request-card [data-purchase-amount]::placeholder,
.transfer-request-card [data-transfer-api-key]::placeholder { color: var(--muted); opacity: .78; }
.transfer-request-card.is-direction-locked { opacity: .42; filter: grayscale(.45); pointer-events: none; transition: opacity .2s ease, filter .2s ease; }
.exchange-direction-tabs .exchange-tab:disabled { cursor: not-allowed; opacity: .35; filter: grayscale(.55); }
.exchange-direction-tabs .exchange-tab:disabled:hover,
.exchange-direction-tabs .exchange-tab:disabled:focus-visible { border-color: transparent; background: transparent; color: inherit; }
.purchase-credit-field > span { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.purchase-credit-field .transfer-request-rate { color: var(--red-bright); font-size: 12px; }
.purchase-wallet-box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; padding: 0; border: 0; border-radius: 0; background: transparent; transition: none; }
.purchase-wallet-item { min-width: 0; padding: 11px 12px; border: 1px solid rgba(161, 161, 170, .25); border-radius: 7px; background: rgba(8, 8, 11, .6); }
.purchase-wallet-item .transfer-summary-label { margin-bottom: 7px; }
.purchase-wallet-value { display: flex; align-items: center; gap: 10px; min-width: 0; }
.purchase-wallet-value code { min-width: 0; flex: 1; color: var(--text); font: 600 12px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.purchase-wallet-copy { position: relative; width: 34px; height: 34px; padding: 0; cursor: pointer; }
.purchase-wallet-copy svg { width: 16px; height: 16px; }
.purchase-request-followup { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; border: 0; }
.purchase-request-followup[hidden],
.purchase-wallet-box[hidden],
.transfer-request-timer[hidden] { display: none; }
.transfer-summary-copy,
.profile-copy-id {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  transition: background .24s ease, border-color .24s ease, color .24s ease, transform .24s ease;
}
.transfer-summary-copy svg,
.profile-copy-id svg { width: 16px; height: 16px; }
.transfer-summary-copy .copy-state-icon,
.profile-copy-id .copy-state-icon { width: 20px; height: 20px; }
.copy-state-icon { position: absolute; inset: 50% auto auto 50%; overflow: visible; pointer-events: none; transform: translate(-50%, -50%); }
.copy-state-default { opacity: 1; transition: opacity .18s ease, transform .24s cubic-bezier(.16, 1, .3, 1); }
.copy-state-success { opacity: 0; transform: translate(-50%, -50%) scale(.78) rotate(-10deg); transition: opacity .18s ease, transform .28s cubic-bezier(.16, 1, .3, 1); }
.copy-state-success .copy-check-path { stroke-dasharray: 9; stroke-dashoffset: 9; }
.is-copied .copy-state-default { opacity: 0; transform: translate(-50%, -50%) scale(.78) rotate(10deg); }
.is-copied .copy-state-success { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0); }
.is-copied .copy-state-success .copy-check-path { animation: copy-check-draw .38s .05s cubic-bezier(.16, 1, .3, 1) both; }
@keyframes copy-check-draw { to { stroke-dashoffset: 0; } }
.transfer-summary-copy:hover,
.profile-copy-id:hover { border-color: transparent; background: rgba(255, 255, 255, .055); color: var(--text); }
.transfer-summary-copy:focus-visible,
.profile-copy-id:focus-visible { border-color: transparent; outline: 2px solid rgba(255, 90, 90, .8); outline-offset: 2px; background: rgba(255, 90, 90, .06); color: var(--text); }
.transfer-summary-copy.is-copied,
.profile-copy-id.is-copied { border-color: transparent; background: transparent; color: var(--green); }
.transfer-summary-copy.purchase-wallet-copy { flex: 0 0 34px; width: 34px; height: 34px; min-height: 34px; padding: 0; }
@media (prefers-reduced-motion: reduce) {
  .copy-state-default,
  .copy-state-success { transition-duration: .01ms; transform: translate(-50%, -50%); }
  .is-copied .copy-state-success .copy-check-path { animation: none; stroke-dashoffset: 0; }
}
@media (max-width: 700px) {
  .transfer-summary-copy { width: 34px; }
  .transfer-recipient-key-value { align-items: center; flex-direction: row; }
}
.purchase-request-card .is-locked input { cursor: not-allowed; border-color: rgba(161, 161, 170, .3); background: rgba(8, 8, 11, .42); }
.rub-request-fields { align-items: stretch; margin: 16px 0 14px; }
.rub-request-fields .transfer-request-field > span:not(.rub-input-frame):not(.transfer-secret-input) { min-height: 13px; font-size: 11px; line-height: 13px; }
.rub-request-fields .rub-input-frame,
.rub-request-fields .transfer-request-field > input,
.rub-request-fields .transfer-secret-input,
.rub-request-fields .transfer-request-field-output output { box-sizing: border-box; height: 48px; min-height: 48px; }
.rub-request-card .is-locked input { cursor: not-allowed; border-color: rgba(161, 161, 170, .3); background: rgba(8, 8, 11, .42); }
.rub-transfer-summary { margin-top: 16px; }
.rub-request-card .transfer-request-rate { margin-left: 4px; color: var(--red-bright); font-size: 12px; }
.rub-input-frame { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 13px; border: 1px solid rgba(255, 255, 255, .105); border-radius: 11px; background: rgba(3, 3, 5, .58); }
.rub-input-frame:focus-within { border-color: rgba(255, 82, 98, .58); box-shadow: 0 0 0 4px rgba(255, 48, 69, .075); }
.rub-input-frame input { min-width: 0; min-height: 44px; flex: 1; padding: 8px 0; border: 0; outline: 0; background: transparent; color: var(--text); font: 500 12px/1.2 Comfortaa, Inter, ui-sans-serif, sans-serif; }
.rub-input-frame b { color: #08080b85; font-size: 13px; font-weight: 700; }
.rub-payout-field small { color: var(--muted); font-size: 11px; }
.rub-rate-panel { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 2px; padding: 13px 14px; border: 1px solid rgba(255, 255, 255, .085); border-radius: 10px; background: rgba(8, 8, 11, .42); }
.rub-rate-copy,.rub-rate-refresh { display: grid; gap: 4px; min-width: 0; }
.rub-rate-copy > span,.rub-rate-refresh > span { color: var(--muted); font-size: 11px; }
.rub-rate-copy > strong { color: var(--text); font: 600 14px/1.25 ui-monospace, SFMono-Regular, Menlo, monospace; }
.rub-rate-copy > small { color: var(--dim); font-size: 10px; }
.rub-rate-refresh { justify-items: end; text-align: right; }
.rub-rate-refresh > strong { color: var(--red-bright); font: 650 13px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }
.exchange-card[data-direction="rub"] .tariff-point.is-active strong { color: var(--red-bright); }
.purchase-request-actions .profile-form-status.is-confirmed { color: var(--green); }
.purchase-request-actions .profile-form-status.is-waiting { color: #ffd25f; }
.purchase-request-actions .profile-form-status.is-cancelled { color: var(--red-bright); }
.tariff-point[hidden] { display: none; }

.profile-avatar { border-color: rgba(255, 82, 98, .34); background: linear-gradient(145deg, #2a1117, #110b0e); color: var(--red-bright); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 24px rgba(255, 48, 69, .12); }
.profile-details,
.profile-connections,
.profile-savings-panel,
.profile-empty-state,
.transfer-request-summary { border-color: rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .018); }
.profile-identity-card > .profile-card-glow,
.profile-wallet-card > .profile-card-glow-right,
.profile-exchange-dialog > .profile-nickname-dialog-glow { display: none; }
.profile-savings-panel {
  position: relative;
  display: grid;
  min-height: 155px;
  padding: 16px 17px;
  overflow: hidden;
  isolation: isolate;
  border-radius: 10px;
}
.profile-savings-content { filter: blur(4px); opacity: .38; pointer-events: none; user-select: none; }
.profile-savings-coming-soon {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(7, 7, 9, .3);
  color: var(--text);
  pointer-events: none;
}
.profile-savings-soon-title { color: var(--text); font-size: 15px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; }
.profile-savings-coming-soon svg { width: 36px; height: 36px; stroke: var(--red-bright); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(255, 82, 98, .32)); }
.profile-connection-row { border-color: rgba(255, 255, 255, .06); }
.profile-savings-grid > div { border-color: rgba(255, 255, 255, .07); border-radius: 10px; background: rgba(255, 255, 255, .025); }
.profile-section-icon { border-color: rgba(255, 82, 98, .25); border-radius: 9px; background: rgba(255, 48, 69, .065); color: var(--red-bright); }

/* Complete profile frames with soft, fading separators instead of cut-off rules. */
.profile-card-header {
  position: relative;
  border-bottom: 0;
}

.profile-card-header::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .12) 12%, rgba(255, 255, 255, .12) 88%, transparent);
  content: "";
}

.profile-details {
  margin-top: 25px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .012));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.profile-details div {
  position: relative;
  padding: 14px 16px;
  border-bottom: 0;
}

.profile-details div:not(:last-child)::after {
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .085) 13%, rgba(255, 255, 255, .085) 87%, transparent);
  content: "";
}

.profile-empty-state {
  position: relative;
  min-height: 260px;
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 0, rgba(255, 48, 69, .06), transparent 58%),
    linear-gradient(145deg, rgba(255, 255, 255, .024), rgba(255, 255, 255, .01));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 14px 36px rgba(0, 0, 0, .13);
}

.profile-empty-state::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255, 48, 69, .035), transparent);
  content: "";
  pointer-events: none;
}

.profile-empty-state > * { position: relative; z-index: 1; }

.profile-settings-header .profile-title-with-icon { gap: 0; }
.profile-settings-header .section-kicker { margin: 0 0 8px; color: #d1d1d7; }

.profile-field input,
.profile-field select,
.profile-promo-dialog input,
.transfer-request-field input {
  min-height: 48px;
  border-color: rgba(255, 255, 255, .105);
  border-radius: 11px;
  background: rgba(3, 3, 5, .58);
}

.profile-field input:focus,
.profile-field select:focus,
.profile-promo-dialog input:focus,
.transfer-request-field input:focus {
  border-color: rgba(255, 82, 98, .58);
  box-shadow: 0 0 0 4px rgba(255, 48, 69, .075);
}

.rub-request-fields .rub-input-frame input {
  width: auto;
  min-width: 0;
  min-height: 0;
  height: 100%;
  flex: 1;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.rub-request-fields .rub-input-frame input:focus {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.profile-promo-dialog,
.profile-logout-dialog,
.profile-exchange-dialog,
.profile-history-dialog {
  border-color: rgba(255, 255, 255, .12);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(24, 24, 29, .98), rgba(8, 8, 11, .995));
  box-shadow: 0 35px 100px rgba(0, 0, 0, .62), inset 0 1px 0 rgba(255, 255, 255, .055);
}

.profile-nickname-backdrop,
.profile-promo-backdrop,
.profile-logout-backdrop { background: rgba(2, 2, 4, .72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

.profile-exchange-dialog-grid,
.profile-history-entry { border-color: rgba(255, 255, 255, .07); border-radius: 12px; background: rgba(255, 255, 255, .022); }

/* Readability pass for compact account and transfer copy. */
.profile-status,
.profile-details dt,
.profile-form-note,
.profile-form-status,
.profile-field > span,
.profile-history-total,
.profile-inline-link,
.profile-nickname-label,
.transfer-request-intro,
.transfer-summary-label,
.transfer-accepted-card p,
.transfer-accepted-total,
.transfer-request-help > strong { font-size: 13px; }

.profile-connection-status,
.profile-connection-main small,
.profile-connection-note,
.profile-history-count,
.profile-history-entry span,
.profile-history-entry-status,
.profile-local-note,
.profile-exchange-dialog-grid dt,
.profile-history-pagination,
.transfer-request-heading .section-kicker,
.transfer-request-timer,
.transfer-request-field > span,
.transfer-request-security-note,
.transfer-request-help ol,
.transfer-request-help p,
.profile-promo-active-details span,
.profile-promo-feedback { font-size: 12px; }

/* Footer */
.site-footer {
  border-top: 1px solid rgba(255, 255, 255, .065);
  background: #070709;
}

.footer-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  min-height: 116px;
}

.footer-brand { justify-self: start; }
.footer-inner p { margin: 0; color: #9999a3; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.footer-inner > a:last-child { justify-self: end; color: #9c9ca5; font-size: 12px; transition: color .2s ease; }
.footer-inner > a:last-child:hover { color: var(--red-bright); }
.footer-motto { justify-self: end; margin: 0; color: #9999a3; font-size: 12px; letter-spacing: .04em; text-align: right; text-transform: uppercase; white-space: nowrap; }
.is-profile-view .site-footer {
  position: relative;
  z-index: 4;
}

/* Responsive */
@media (max-width: 1080px) {
  .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(350px, .78fr); gap: 44px; }
  .hero h1 { font-size: clamp(58px, 7.5vw, 78px); }
  .exchange-layout { grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); }
  .steps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .site-header { padding: 12px 0; }
  .header-inner { min-height: 60px; padding-left: 17px; border-radius: 15px; }
  .main-nav { display: none; }
  .menu-toggle { display: inline-flex; }
  .hero { min-height: 0; padding: 132px 0 84px; }
  .hero::before { top: 330px; right: -40%; width: 100vw; height: 100vw; }
  .hero-inner { grid-template-columns: 1fr; gap: 58px; }
  .hero-copy { max-width: 760px; }
  .hero h1 { max-width: 760px; font-size: clamp(58px, 10vw, 82px); }
  .fee-card { width: min(100%, 620px); }
  .light-rays-layer { opacity: .25; mask-image: linear-gradient(to bottom, transparent, #000 28%, transparent 88%); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 28%, transparent 88%); }
  .exchange-layout { grid-template-columns: 1fr; }
  .result-box { min-height: 230px; }
  .faq .container { grid-template-columns: 1fr; gap: 34px; }
  .faq .section-heading { position: static; }
  .footer-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 14px; }
}

@media (max-width: 640px) {
  :root { --gutter: 16px; }
  .header-inner { min-height: 56px; padding: 7px 8px 7px 14px; border-radius: 14px; }
  .brand { font-size: 16px; }
  .header-actions .btn-telegram { display: none; }
  .btn-steam,
  .btn-profile { min-height: 40px; padding: 8px 10px; }
  .header-action-label { font-size: 11px; }
  .menu-toggle { width: 40px; height: 40px; }
  .hero { padding-top: 116px; padding-bottom: 68px; }
  .eyebrow { padding: 7px 9px; font-size: 10px; }
  .hero h1 { margin-top: 22px; font-size: clamp(47px, 15vw, 64px); line-height: .94; }
  .hero-description { font-size: 14px; line-height: 1.65; }
  .hero-actions { margin-top: 28px; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-trust { --trust-sweep-inline-inset: 12px; grid-template-columns: 1fr; gap: 5px; margin-top: 32px; padding: 6px; }
  .hero-trust-item { padding: 10px 11px; }
  .hero-trust-index { width: 18px; height: 28px; flex-basis: 18px; }
  .hero-trust-copy > span { font-size: 10.5px; }
  .fee-card { padding: 8px; border-radius: 21px; }
  .fee-card-top { padding: 20px 18px; border-radius: 15px; }
  .fee-value { font-size: 58px; }
  .fee-logo-object { transform: scale(.8); transform-origin: right center; }
  .fee-list { margin: 8px 8px 0; }
  .fee-note { margin-inline: 12px; }
  .section { padding: 82px 0; }
  h2,
  .profile-heading h2 { font-size: 44px; }
  .section-heading { margin-bottom: 26px; }
  .exchange-card { padding: 8px; border-radius: 21px; }
  .exchange-direction-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: auto;
    max-width: none;
    margin: 7px 7px 0;
  }
  .exchange-direction-option:nth-child(3) { min-width: 0; }
  .exchange-direction-label { font-size: 11px; letter-spacing: .02em; }
  .exchange-direction-tabs .exchange-tab { justify-content: center; gap: 5px; min-height: 40px; padding: 8px; font-size: 10px; }
  .exchange-direction-tabs .exchange-tab-arrow { width: 13px; height: 13px; flex-basis: 13px; }
  .exchange-direction-tabs .market-logo { width: 14px; height: 14px; flex-basis: 14px; }
  .exchange-layout { padding: 14px 7px 7px; gap: 8px; }
  .calculator-inputs { padding: 20px 16px; border-radius: 15px; }
  .amount-field { min-height: 68px; padding-inline: 14px; border-radius: 12px; }
  .amount-field input { font-size: 32px; }
  .tariff-points { gap: 7px; }
  .tariff-point span { font-size: 10.5px; }
  .calculator-result { border-radius: 15px; }
  .result-box { min-height: 210px; padding: 19px; border-radius: 12px; }
  .payout { font-size: 46px; }
  .calculator-actions { margin-top: 12px; }
  .calculator-actions .btn { width: 100%; min-width: 0; }
  .steps-grid { grid-template-columns: 1fr; }
  .step-card { min-height: 210px; }
  .step-card h3 { margin-top: 46px; }
  .faq { padding-bottom: 96px; }
  .faq-item summary { min-height: 62px; padding: 17px 15px; font-size: 14px; }
  .faq-answer { padding-inline: 15px; }
  .profile-page { padding-top: 108px; }
  .profile-card,
  .transfer-request-card { border-radius: 16px; }
  .purchase-request-fields { grid-template-columns: 1fr; }
  .purchase-wallet-box { grid-template-columns: 1fr; }
  .rub-rate-panel { align-items: flex-start; gap: 10px; padding: 11px; }
  .rub-rate-copy > strong { font-size: 12px; }
  .rub-rate-refresh > span { max-width: 120px; }
  .footer-inner { grid-template-columns: 1fr auto; min-height: 96px; gap: 12px; padding-block: 14px; }
  .footer-brand { grid-column: 1; grid-row: 1; }
  .footer-motto { grid-column: 2; grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .light-rays-layer { display: none; }
  .btn-primary::before { display: none; }
  .purchase-request-dot { animation: none; }
  .step-card,
  .btn { transition-duration: .01ms; }
  .hero-actions .btn-buy-balance:hover,
  .hero-actions .btn-buy-balance:focus-visible { transform: none !important; }
  .hero-actions .btn-buy-balance .hero-cta-arrow { transition: none; }
}

@media (min-width: 901px) {
  .hero-inner { align-items: stretch; }
  .fee-card-stack { display: flex; flex-direction: column; min-height: 100%; }
  .fee-card { display: flex; flex: 1; flex-direction: column; justify-content: space-between; align-self: stretch; }
}

@media (min-width: 1161px) {
  .hero-copy { display: flex; flex-direction: column; }
  .hero-actions { margin-block: auto; }
  .hero-trust { margin-top: 0; }
}
.fee-card {
  box-shadow:
    0 26px 90px rgba(0, 0, 0, .38),
    0 0 0 1px rgba(255, 255, 255, .12),
    0 0 0 12px rgba(255, 255, 255, .018),
    0 0 0 25px rgba(255, 255, 255, .012),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}
.fee-card::before {
  background:
    linear-gradient(130deg, rgba(255, 255, 255, .055), transparent 32%);
}
.fee-card::after { filter: none; animation: none; }
.fee-card-top { margin: 18px 12px 18px; }
.fee-card .fee-list { display: flex; flex: 0 0 auto; flex-direction: column; padding: 8px 12px 12px; }
.fee-list-heading { min-height: 42px; padding: 9px 6px; }
.fee-list-heading.fee-list-status {
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-height: 48px;
  padding: 10px 6px;
  color: #74747d;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4;
  text-transform: none;
}
.fee-list-status .status-dot { width: 6px; height: 6px; flex: 0 0 6px; background: var(--green); box-shadow: 0 0 12px rgba(155, 232, 122, .62); }
.fee-row { min-height: 48px; padding: 12px 6px; }
.fee-list .fee-row.is-active { padding-block: 12px; }
.fee-tier-rows { display: flex; flex: 1; flex-direction: column; justify-content: center; gap: 8px; min-height: 0; }
.fee-tier-rows > .fee-row { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; min-height: 42px; padding: 8px 6px; }
.fee-tier-rows > .fee-row.is-active { min-height: 46px; margin: 0 -10px 0 -2px; padding: 8px 16px 8px 8px; }
.fee-service-tabs .fee-service-tab {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .09);
  background: linear-gradient(145deg, #27272e, #0f0f13);
  color: #c7c7ce;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 8px 20px rgba(0, 0, 0, .14);
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), border-color .28s ease, color .28s ease, box-shadow .28s ease;
}
.fee-service-tabs .fee-service-tab > span { position: relative; z-index: 3; }
.fee-service-tabs .fee-service-tab::after {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--red-bright);
  box-shadow: 0 0 0 4px rgba(255, 90, 90, .08), 0 0 10px rgba(255, 90, 90, .45);
  content: "";
  pointer-events: none;
  transform: translateY(-50%);
}
.fee-service-tabs .fee-service-tab.is-active {
  transform: translate3d(0, -1px, 2px) scale(1.018);
  border-color: rgba(255, 255, 255, .22);
  background: linear-gradient(135deg, #df243c, #bd132c);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 0 22px rgba(200, 14, 40, .3);
}
.fee-service-tabs .fee-service-tab:hover { border-color: rgba(255, 255, 255, .15); }
.fee-service-tabs .fee-service-tab.is-active:hover { border-color: rgba(255, 255, 255, .3); }
.fee-service-tabs .fee-service-tab.is-active::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 28%, rgba(255, 255, 255, .2) 48%, transparent 68%);
  content: "";
  pointer-events: none;
  transform: translateX(-120%);
  animation: fee-tab-cta-shine 3s linear infinite;
}
@keyframes fee-tab-cta-shine {
  0%, 76% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.fee-service-tabs .fee-service-tab.is-active::after { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .12), 0 0 10px rgba(255, 255, 255, .62); }
.fee-service-tabs .fee-service-tab:focus-visible { outline-color: rgba(255, 255, 255, .72); }
@media (prefers-reduced-motion: reduce) {
  .fee-service-tabs .fee-service-tab { transition: none; transform: none; }
  .fee-service-tabs .fee-service-tab.is-active::before { animation: none; transform: translateX(120%); }
}
.fee-service-tabs { margin: 0 12px 14px; }
.fee-service-tabs .fee-service-tab { min-height: 50px; padding: 6px 8px; }
.fee-service-tabs .fee-service-tab > span { font-size: 11px; font-weight: 600; line-height: 1.22; }
.fee-service-tabs .fee-service-tab:nth-child(-n+2) > span { color: #c7c7ce; text-shadow: none; }
.fee-service-tabs .fee-service-tab:nth-child(-n+2).is-active > span {
  color: #f4f4f5;
  text-shadow: 0 0 8px rgba(255, 255, 255, .12);
}
.fee-service-tabs .fee-service-tab > span { color: #c7c7ce; text-shadow: none; }
.fee-service-tabs .fee-service-tab.is-active > span {
  color: #f4f4f5;
  text-shadow: 0 0 8px rgba(255, 255, 255, .12);
}
@media (min-width: 901px) {
  .fee-card { justify-content: flex-start; }
  .fee-service-tabs { margin-bottom: 10px; }
  .fee-card-top { margin: 10px 12px; }
  .fee-card .fee-list { flex: 1; margin: 10px 12px 0; }
}

/* Keep the tariff panel content-sized instead of stretching it to the hero column. */
@font-face {
  font-family: "VCR OSD Mono";
  src: url("assets/vcrosdmonorus_vhsicons.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.fee-card-stack { align-self: flex-start; min-height: 0; }
.fee-card { flex: 0 0 auto; align-self: flex-start; justify-content: flex-start; }
.fee-card .fee-list { flex: 0 0 auto; margin: 8px 12px 12px; }
.fee-tier-rows { flex: 0 0 auto; gap: 5px; }
.fee-tier-rows > .fee-row,
.fee-tier-rows > .fee-row.is-active { min-height: 40px; padding-block: 7px; }
.fee-card-top {
  position: relative;
  min-height: 92px;
  margin: 8px 12px 12px;
  background: linear-gradient(145deg, rgba(27, 27, 32, .98), rgba(12, 12, 15, .985));
  box-shadow: 0 14px 38px rgba(0, 0, 0, .24);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.fee-card-top::before,
.fee-card-top::after { display: none; }
.fee-card-top .fee-card-head.fee-crt-content {
  position: relative;
  z-index: 2;
  width: 100%;
  justify-content: center;
  text-align: center;
  animation: fee-crt-microglitch 8s linear infinite;
}
.fee-card-top .fee-rate-stage {
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.fee-card-top .fee-rate-stage::before { display: none; }
.fee-card-top .fee-value {
  position: relative;
  isolation: isolate;
  font-family: "VCR OSD Mono", ui-monospace, monospace;
  font-weight: 400;
  color: #f2e9ec;
  text-align: center;
  text-shadow: -1px 0 rgba(50, 150, 180, .09), 1px 0 rgba(255, 59, 85, .2), 0 0 18px rgba(255, 53, 81, .14);
  animation: fee-crt-text-ripple 5.2s linear infinite;
}
.fee-card-top .fee-value::before,
.fee-card-top .fee-value::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  color: currentColor;
  content: attr(data-text);
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  pointer-events: none;
  text-align: center;
  white-space: nowrap;
}
.fee-card-top .fee-value::before {
  color: rgba(255, 64, 87, .15);
  opacity: .22;
  text-shadow: 0 0 7px rgba(255, 64, 87, .12);
  transform: translateX(1px);
  animation: fee-crt-ghost-pulse 5.2s linear infinite;
}
.fee-card-top .fee-value::after {
  color: rgba(117, 132, 184, .13);
  opacity: .16;
  transform: translate(-1px, 1px);
  animation: fee-crt-ghost-pulse 5.2s linear infinite;
}
.fee-card-top .fee-label {
  font-family: "VCR OSD Mono", ui-monospace, monospace;
  font-weight: 400;
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(202, 190, 195, .68);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  white-space: nowrap;
  animation: fee-crt-caption-ripple 5.2s linear infinite;
}
.fee-card-top .fee-label::before,
.fee-card-top .fee-label::after {
  width: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(210, 190, 197, .36));
  content: "";
  flex: 0 0 18px;
}
.fee-card-top .fee-label::after { transform: scaleX(-1); }
.fee-crt-display {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: radial-gradient(ellipse 54% 84% at 50% 45%, rgba(104, 24, 39, .16), transparent 78%), linear-gradient(145deg, #0d0e12, #090a0d 70%);
  box-shadow: inset 0 0 28px rgba(0, 0, 0, .66), inset 0 0 22px rgba(255, 53, 81, .045);
  pointer-events: none;
}
.fee-crt-display::before {
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 38px rgba(0, 0, 0, .74), inset 0 0 16px rgba(255, 53, 81, .055);
  content: "";
  pointer-events: none;
}
.fee-crt-noise,
.fee-crt-scanlines,
.fee-crt-sweep {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.fee-crt-noise {
  z-index: 1;
  background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .012) 0 1px, transparent 1px 4px);
  opacity: .22;
}
.fee-crt-scanlines {
  z-index: 2;
  background: repeating-linear-gradient(to bottom, rgba(244, 238, 240, .035) 0 1px, transparent 1px 4px);
  opacity: .52;
}
.fee-crt-sweep {
  z-index: 2;
  inset: -30% 0 auto;
  height: 26%;
  background: linear-gradient(to bottom, transparent, rgba(255, 59, 85, .055) 46%, rgba(255, 228, 233, .04) 52%, transparent);
  transform: translateY(0);
  animation: fee-crt-sweep 5.2s linear infinite;
}
.fee-crt-brand {
  position: absolute;
  z-index: 2;
  top: 50%;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  opacity: .28;
  filter: brightness(.68) saturate(.78) blur(.25px);
  transform: translateY(-50%) scale(.86);
  animation: fee-brand-float-market 4.2s ease-in-out infinite;
  pointer-events: none;
}
.fee-crt-brand-market { left: 22px; }
.fee-crt-brand-tron { right: 22px; animation-name: fee-brand-float-tron; }
.fee-crt-brand-core {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.fee-crt-brand img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fee-crt-status,
.fee-crt-meta {
  position: absolute;
  z-index: 4;
  top: 12px;
  color: rgba(207, 193, 198, .5);
  font: 600 8px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .12em;
  pointer-events: none;
}
.fee-crt-status,
.fee-crt-meta { font-family: "VCR OSD Mono", ui-monospace, monospace; font-weight: 400; }
.fee-crt-status { left: 15px; display: inline-flex; align-items: center; gap: 6px; }
.fee-crt-status i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff3b55;
  box-shadow: 0 0 8px rgba(255, 59, 85, .62);
  animation: fee-crt-signal 2.4s ease-in-out infinite;
}
.fee-crt-meta { right: 15px; opacity: .45; }
@media (max-width: 700px) {
  .fee-crt-brand { width: 32px; height: 32px; opacity: .24; }
  .fee-crt-brand-market { left: 13px; }
  .fee-crt-brand-tron { right: 13px; }
}
@keyframes fee-brand-float-market {
  0%, 100% { transform: translateY(calc(-50% - 4px)) scale(.86); }
  50% { transform: translateY(calc(-50% + 4px)) scale(.86); }
}
@keyframes fee-brand-float-tron {
  0%, 100% { transform: translateY(calc(-50% + 4px)) scale(.86); }
  50% { transform: translateY(calc(-50% - 4px)) scale(.86); }
}
@keyframes fee-crt-sweep {
  from { transform: translateY(0); }
  to { transform: translateY(500%); }
}
@keyframes fee-crt-signal {
  0%, 100% { opacity: .58; }
  50% { opacity: 1; }
}
@keyframes fee-crt-text-ripple {
  0%, 50%, 52.5%, 78%, 80.5%, 100% {
    filter: none;
    text-shadow: -1px 0 rgba(50, 150, 180, .09), 1px 0 rgba(255, 59, 85, .2), 0 0 18px rgba(255, 53, 81, .14);
    transform: translateX(0) skewX(0deg);
  }
  50.7% {
    filter: none;
    text-shadow: -1.5px 0 rgba(50, 150, 180, .24), 1.5px 0 rgba(255, 59, 85, .38), 0 0 20px rgba(255, 53, 81, .2);
    transform: translateX(.8px) skewX(.16deg);
  }
  51.2% {
    filter: contrast(1.06);
    text-shadow: -2px 0 rgba(50, 150, 180, .28), 2px 0 rgba(255, 59, 85, .44), 0 0 22px rgba(255, 53, 81, .24);
    transform: translateX(-1.5px) skewX(-.28deg);
  }
  51.8% {
    filter: none;
    text-shadow: -1px 0 rgba(50, 150, 180, .18), 1px 0 rgba(255, 59, 85, .3), 0 0 18px rgba(255, 53, 81, .17);
    transform: translateX(.5px) skewX(.1deg);
  }
  78.7% {
    text-shadow: -1px 0 rgba(50, 150, 180, .17), 1px 0 rgba(255, 59, 85, .29), 0 0 19px rgba(255, 53, 81, .18);
    transform: translateX(-.8px) skewX(-.12deg);
  }
  79.2% {
    filter: contrast(1.055);
    text-shadow: -1.8px 0 rgba(50, 150, 180, .26), 1.8px 0 rgba(255, 59, 85, .4), 0 0 21px rgba(255, 53, 81, .22);
    transform: translateX(1.5px) skewX(.26deg);
  }
  79.8% {
    filter: none;
    text-shadow: -1px 0 rgba(50, 150, 180, .15), 1px 0 rgba(255, 59, 85, .25), 0 0 18px rgba(255, 53, 81, .16);
    transform: translateX(-.4px) skewX(-.08deg);
  }
}
@keyframes fee-crt-ghost-pulse {
  0%, 50%, 52.5%, 78%, 80.5%, 100% { opacity: .12; }
  50.8%, 79.2% { opacity: .42; }
  51.6%, 79.8% { opacity: .2; }
}
@keyframes fee-crt-caption-ripple {
  0%, 50%, 52.5%, 78%, 80.5%, 100% { opacity: .68; transform: translateX(0); text-shadow: none; }
  51% { opacity: .86; transform: translateX(.7px); text-shadow: -1px 0 rgba(50, 150, 180, .12), 1px 0 rgba(255, 59, 85, .2); }
  51.8% { opacity: .72; transform: translateX(-.5px); text-shadow: -1px 0 rgba(50, 150, 180, .08), 1px 0 rgba(255, 59, 85, .14); }
  79.2% { opacity: .82; transform: translateX(-.5px); text-shadow: -1px 0 rgba(50, 150, 180, .1), 1px 0 rgba(255, 59, 85, .18); }
  79.8% { opacity: .72; transform: translateX(.4px); text-shadow: -1px 0 rgba(50, 150, 180, .07), 1px 0 rgba(255, 59, 85, .12); }
}
@media (prefers-reduced-motion: reduce) {
  .fee-card-top .fee-value,
  .fee-card-top .fee-value::before,
  .fee-card-top .fee-value::after,
  .fee-card-top .fee-label { animation: none; }
}
@keyframes fee-crt-microglitch {
  0%, 94.5%, 100% { opacity: 1; transform: translateX(0); }
  95% { opacity: .94; transform: translateX(1px); }
  95.5% { opacity: 1; transform: translateX(0); }
  97% { opacity: .96; transform: translateX(-1px); }
  97.5% { opacity: 1; transform: translateX(0); }
}
.fee-card-top.is-rate-switching .fee-value {
  animation: fee-rate-switch-glitch .56s steps(2, end) both;
}
.fee-card-top.is-rate-switching .fee-value::before,
.fee-card-top.is-rate-switching .fee-value::after {
  animation: fee-rate-switch-ghost .56s steps(2, end) both;
}
.fee-card-top.is-rate-switching .fee-label {
  animation: none;
}
.fee-card-top .fee-label > span {
  display: inline-block;
}
.fee-card-top.is-rate-switching .fee-label > span {
  animation: fee-rate-caption-glitch .7s steps(2, end) both;
}
@keyframes fee-rate-switch-glitch {
  0%, 100% { filter: none; transform: translateX(0) translateY(0) skewX(0) scale(1); text-shadow: -1px 0 rgba(50, 150, 180, .09), 1px 0 rgba(255, 59, 85, .2), 0 0 18px rgba(255, 53, 81, .14); }
  12% { filter: saturate(1.5) contrast(1.12); transform: translateX(2px) translateY(-1px) skewX(1deg) scale(1.015); text-shadow: -3px 0 rgba(68, 204, 224, .64), 3px 0 rgba(255, 59, 85, .72), 0 0 22px rgba(255, 53, 81, .3); }
  25% { filter: saturate(1.2); transform: translateX(-2px) translateY(1px) skewX(-1deg) scale(.995); }
  39% { filter: contrast(1.16); transform: translateX(1px) translateY(0) skewX(.5deg) scale(1.01); text-shadow: -2px 0 rgba(68, 204, 224, .44), 2px 0 rgba(255, 59, 85, .54), 0 0 20px rgba(255, 53, 81, .24); }
  54% { filter: none; transform: translateX(-1px) translateY(-1px) skewX(-.5deg) scale(1); }
  69% { filter: saturate(1.35) contrast(1.08); transform: translateX(2px) translateY(1px) skewX(1deg) scale(1.008); text-shadow: -2px 0 rgba(68, 204, 224, .4), 2px 0 rgba(255, 59, 85, .48), 0 0 19px rgba(255, 53, 81, .2); }
  84% { filter: none; transform: translateX(-1px) translateY(0) skewX(-.3deg) scale(1); }
}
@keyframes fee-rate-switch-ghost {
  0%, 100% { opacity: .12; transform: translate(0, 0); }
  14% { opacity: .78; transform: translate(4px, -2px); }
  29% { opacity: .28; transform: translate(-3px, 1px); }
  43% { opacity: .66; transform: translate(2px, -1px); }
  58% { opacity: .2; transform: translate(-1px, 1px); }
  72% { opacity: .54; transform: translate(3px, 0); }
  86% { opacity: .16; transform: translate(-1px, -1px); }
}
@keyframes fee-rate-caption-glitch {
  0%, 100% { opacity: .68; clip-path: inset(0); filter: none; transform: translateX(0) skewX(0); text-shadow: none; }
  14% { opacity: 1; clip-path: inset(0 0 48%); filter: brightness(1.45) contrast(1.3); transform: translateX(-3px) skewX(-4deg); text-shadow: -3px 0 rgba(68, 204, 224, .62), 3px 0 rgba(255, 59, 85, .72); }
  29% { opacity: .82; clip-path: inset(48% 0 0); transform: translateX(3px) skewX(3deg); }
  45% { opacity: 1; clip-path: inset(22% 0 35%); filter: contrast(1.2); transform: translateX(-2px) skewX(-2deg); text-shadow: -2px 0 rgba(68, 204, 224, .5), 2px 0 rgba(255, 59, 85, .58); }
  63% { opacity: .78; clip-path: inset(0); filter: none; transform: translateX(2px) skewX(1deg); }
  81% { opacity: 1; clip-path: inset(58% 0 8%); transform: translateX(-1px) skewX(-1deg); }
}
@media (prefers-reduced-motion: reduce) {
  .fee-card-top.is-rate-switching .fee-value,
  .fee-card-top.is-rate-switching .fee-value::before,
  .fee-card-top.is-rate-switching .fee-value::after,
  .fee-card-top.is-rate-switching .fee-crt-brand img,
  .fee-card-top.is-rate-switching .fee-label,
  .fee-card-top.is-rate-switching .fee-label > span { animation: none; }
  .fee-card-top .fee-crt-brand { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  .fee-card-top .fee-card-head.fee-crt-content,
  .fee-crt-sweep,
  .fee-crt-status i { animation: none; }
  .fee-card-top .fee-value,
  .fee-card-top .fee-label { animation: none; }
}
.hero-trust::before {
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: 0;
  right: auto;
  left: 1px;
  width: 84px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(255, 80, 96, .82), #ff6471 50%, rgba(255, 80, 96, .82));
  box-shadow: 0 0 7px rgba(255, 67, 82, .5);
  transform: translateX(calc(100cqi + var(--trust-sweep-inline-inset) - 86px));
  animation: trust-border-bottom 2.6s linear infinite alternate;
  content: "";
  pointer-events: none;
  will-change: transform;
}

.hero-trust { isolation: isolate; container-type: inline-size; --trust-sweep-inline-inset: 14px; }
.hero-trust::after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 1px;
  width: 84px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(255, 80, 96, .82), #ff6471 50%, rgba(255, 80, 96, .82));
  box-shadow: 0 0 7px rgba(255, 67, 82, .5);
  transform: translateX(0);
  animation: trust-border-top 2.6s linear infinite alternate;
  content: "";
  pointer-events: none;
  will-change: transform;
}
@keyframes trust-border-top {
  from { transform: translateX(0); }
  to { transform: translateX(calc(100cqi + var(--trust-sweep-inline-inset) - 86px)); }
}
@keyframes trust-border-bottom {
  from { transform: translateX(calc(100cqi + var(--trust-sweep-inline-inset) - 86px)); }
  to { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-trust::before,
  .hero-trust::after { animation: none; }
}

/* Keep the RUB request metadata identical to the USDT sell request. */
.rub-transfer-summary > .rub-transfer-accepted-card {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.rub-transfer-summary .transfer-accept-meta strong {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
}

/* Audit polish: consistent reading contrast and comfortable hit areas. */
.brand,
.footer-inner > a:last-child { display: inline-flex; align-items: center; min-height: 44px; }
.header-actions .btn-telegram,
.header-actions .btn-steam { min-height: 44px; }
.exchange-direction-tabs .exchange-tab { min-height: 44px; }
.tariff-range { height: 44px; margin-block: -12px; }
.profile-heading-action { width: 44px; min-width: 44px; height: 44px; }
.profile-heading-action span { font-size: 11px; }
.transfer-secret-input input { padding-right: 60px; }
.transfer-secret-toggle { right: 4px; width: 44px; height: 44px; border-radius: 9px; }
.transfer-summary-copy,
.profile-copy-id,
.transfer-summary-copy.purchase-wallet-copy { flex: 0 0 34px; width: 34px; height: 34px; min-height: 34px; border-radius: 7px; }

@media (min-width: 901px) and (max-width: 1160px) {
  .hero { min-height: 0; padding: 144px 0 96px; }
  .hero-inner { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .hero-copy { max-width: 760px; }
  .fee-card { width: min(100%, 620px); margin-left: 0; }
}

@media (max-width: 640px) {
  .eyebrow { font-size: 11px; letter-spacing: .01em; }
  .section-heading { align-items: flex-start; text-align: left; }
  .header-actions .btn-steam,
  .header-actions .btn-profile { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
  .menu-toggle { width: 44px; height: 44px; }
  .exchange-direction-tabs .exchange-tab { min-height: 44px; font-size: 11px; }
  .tariff-point span { font-size: 12px; }
  .hero-trust-copy > span { font-size: 11.5px; }
  .step-card { min-height: 205px; }
  .step-card h3 { margin-top: 42px; }
}

/* Profile: compact account summary with the existing details moved into settings. */
.profile-layout { grid-template-columns: minmax(0, 1fr); }
.profile-heading { margin-bottom: 15px; }
.profile-utility-stack { gap: 15px; row-gap: 15px; margin-top: 15px; }
.profile-utility-stack > .transfer-request-card { margin-top: 0; }
.profile-identity-card { display: flex; align-items: stretch; min-height: 132px; padding: 22px 26px; }
.profile-identity-card .profile-identity-head { display: flex; flex: 1; align-items: stretch; width: 100%; }
.profile-identity-card .profile-identity { align-self: center; }
.profile-identity-card .profile-identity-actions { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 10px; min-width: 0; margin-left: auto; }
.profile-id-inline { display: flex; align-items: center; justify-content: flex-end; gap: 9px; color: #a4a4ae; font-size: 12px; white-space: nowrap; }
.profile-id-inline .profile-user-id { font-size: 13px; font-weight: 650; }
.profile-id-inline .profile-id-copy { margin-left: -2px; }
.profile-heading-actions { gap: 9px; }
.profile-heading-actions .profile-heading-action { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; padding: 0; overflow: visible; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: rgba(21,21,25,.8); box-shadow: none; transform: translateY(0); transition: border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .28s cubic-bezier(.22,1,.36,1); }
.profile-heading-actions .profile-heading-action:hover, .profile-heading-actions .profile-heading-action:focus-visible { width: 44px; border-color: rgba(220,220,230,.38); background: rgba(255,255,255,.08); box-shadow: 0 8px 18px rgba(185,190,205,.14); transform: translateY(-2px); }
.profile-heading-actions .profile-heading-action:focus-visible { outline: 2px solid rgba(235,235,245,.7); outline-offset: 3px; }
.profile-heading-actions .profile-heading-action img { width: 22px; height: 22px; flex: none; filter: brightness(0) invert(.9); }
.profile-heading-actions .profile-heading-action:hover img, .profile-heading-actions .profile-heading-action:focus-visible img { filter: brightness(0) invert(1); }
.profile-heading-actions .profile-heading-action-promo img { width: 23px; height: 23px; }
.profile-heading-actions .profile-heading-action-promo { position: relative; }
.profile-heading-actions .profile-heading-action-promo .profile-promo-status { position: absolute; top: 50%; right: calc(100% + 10px); z-index: 5; display: flex; align-items: center; gap: 6px; width: max-content; max-width: none; margin: 0; padding: 8px 11px; overflow: visible; border: 1px solid rgba(255, 213, 112, .32); border-radius: 8px; background: rgba(18, 17, 20, .97); box-shadow: 0 10px 24px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(calc(-50% - 4px)); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.profile-heading-actions .profile-heading-action-promo .profile-promo-status[hidden] { display: none; }
.profile-heading-actions .profile-heading-action-promo:hover .profile-promo-status,
.profile-heading-actions .profile-heading-action-promo:focus-visible .profile-promo-status { opacity: 1; visibility: visible; transform: translateY(-50%); }
.profile-heading-actions .profile-heading-action-promo .profile-promo-status-label { max-width: none; overflow: visible; opacity: 1; transform: none; }
.profile-heading-actions .profile-heading-action-promo.is-promo-active { animation: promo-action-border-shimmer 3.5s ease-in-out infinite; }
.profile-heading-actions .profile-heading-action-promo.is-promo-active img,
.profile-heading-actions .profile-heading-action-promo.is-promo-active:hover img,
.profile-heading-actions .profile-heading-action-promo.is-promo-active:focus-visible img { animation: promo-action-icon-shimmer 3.5s ease-in-out infinite; }
@keyframes promo-action-border-shimmer { 0%,100% { border-color: rgba(244,181,43,.48); box-shadow: 0 0 11px rgba(244,181,43,.12); } 50% { border-color: rgba(255,247,199,.9); box-shadow: 0 0 17px rgba(255,212,90,.22); } }
@keyframes promo-action-icon-shimmer { 0%,100% { filter: brightness(0) saturate(100%) invert(78%) sepia(66%) saturate(771%) hue-rotate(347deg); } 50% { filter: brightness(0) saturate(100%) invert(96%) sepia(15%) saturate(516%) hue-rotate(322deg); } }
body.profile-settings-open { overflow: hidden; }
.profile-exchange-modal { z-index: 103; }
.profile-settings-modal { position: fixed; inset: 0; z-index: 101; display: grid; place-items: center; padding: 24px; opacity: 0; pointer-events: none; transition: opacity .18s ease; }
.profile-settings-modal[hidden] { display: none !important; }
.profile-settings-modal [hidden] { display: none !important; }
.profile-settings-modal.is-open { opacity: 1; pointer-events: auto; }
.profile-settings-dialog { position: relative; z-index: 1; width: min(100%, 1040px); max-height: min(94vh, 880px); overflow: auto; padding: 18px 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: linear-gradient(145deg,rgba(24,24,29,.98),rgba(8,8,11,.995)); box-shadow: 0 35px 100px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.055); scrollbar-width: thin; scrollbar-color: rgba(161,161,170,.28) transparent; transform: translate3d(0,9px,0) scale(.99); transition: transform .32s cubic-bezier(.22,1,.36,1); }
.profile-settings-modal.is-open .profile-settings-dialog { transform: translate3d(0,0,0) scale(1); }
.profile-settings-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.profile-settings-dialog-header h2 { margin: 0; font-size: 22px; letter-spacing: -.03em; }
.profile-settings-dialog-close { position: static; flex: 0 0 auto; }
.profile-settings-top { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; margin-top: 14px; }
.profile-settings-identity { min-width: 0; }
.profile-settings-identity > .profile-identity { margin-bottom: 10px; }
.profile-settings-promo { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; align-self: flex-end; gap: 5px; margin-left: auto; padding-bottom: 2px; white-space: nowrap; }
.profile-settings-promo[hidden] { display: none; }
.profile-settings-promo > span { color: #aaaab4; font-size: 11px; line-height: 1.2; }
.profile-settings-promo strong { color: transparent; background: linear-gradient(110deg,#f4b52b,#fff0a3 35%,#ffd45a 65%,#fff7c7); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; font-size: 13px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; animation: promo-status-shimmer 4.5s ease-in-out infinite; }
.profile-settings-promo time { font: inherit; }
.profile-settings-identity .profile-avatar { width: 62px; height: 62px; flex: 0 0 62px; }
.profile-settings-identity .profile-details { margin: 0; border-color: rgba(255,255,255,.07); background: rgba(8,8,11,.56); }
.profile-settings-identity .profile-details div { min-height: 44px; padding: 11px 14px; }
.profile-settings-id-value { display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; min-width: 0; }
.profile-settings-id-value .profile-copy-id { margin: -9px -7px -9px 0; }
.profile-settings-connections { display: grid; align-content: start; gap: 8px; padding-top: 57px; }
.profile-settings-connections h3 { margin: 2px 0 5px; color: #b4b4bf; font-size: 13px; font-weight: 600; }
.profile-settings-connection-list { display: grid; grid-template-rows: repeat(2, minmax(66px, 1fr)); min-height: 132px; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(8,8,11,.56); }
.profile-settings-connections .profile-connection-row { min-height: 66px; padding: 10px 12px; border: 0; border-radius: 0; background: transparent; }
.profile-settings-connections .profile-connection-row + .profile-connection-row { border-top: 1px solid rgba(255,255,255,.07); }
.profile-settings-connections .profile-connection-icon { border: 0; border-radius: 0; background: transparent; }
.profile-settings-connections .profile-connection-icon img { width: 26px; height: 26px; }
.profile-connection-row.is-linked .profile-connection-status { color: #8bd27b; }
.profile-connection-row .profile-connection-main > div { display: grid; gap: 4px; }
.profile-settings-connections .profile-connection-state { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; }
.profile-connection-row [data-profile-connection-date] { color: #9b9ba5; font-size: 11px; }
.profile-settings-connections .profile-connection-note { color: #9b9ba5; font-size: 11px; }
.profile-settings-divider { height: 1px; margin: 14px 0; background: rgba(255,255,255,.12); }
.profile-settings-history-heading { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin-bottom: 10px; }
.profile-settings-history-heading h3 { grid-column: 2; margin: 0; font-size: 21px; letter-spacing: -.025em; text-align: center; }
.profile-settings-history-heading .profile-history-totals { grid-column: 3; justify-self: end; text-align: right; }
.profile-settings-history .profile-history-list { display: grid; gap: 5px; padding-top: 0; }
.profile-settings-history .profile-history-entry { min-height: 58px; padding: 6px 12px; border-color: rgba(255,255,255,.07); background: rgba(8,8,11,.56); }
.profile-settings-history .profile-history-entry strong { font-size: 13px; }
.profile-settings-history .profile-history-more { display: flex; margin: 10px auto 0; border-color: rgba(255,255,255,.16); background: rgba(8,8,11,.56); color: #f2f2f5; }
.profile-settings-history .profile-empty-state { min-height: 160px; margin-top: 0; border-color: rgba(255,255,255,.07); background: rgba(8,8,11,.56); box-shadow: none; }
.profile-settings-history .profile-empty-state::before { display: none; }
@media (max-width: 900px) {
  .profile-settings-top { gap: 18px; }
}
@media (max-width: 640px) {
  .profile-settings-connections { padding-top: 0; }
  .profile-settings-identity > .profile-identity { flex-wrap: wrap; }
  .profile-settings-promo { flex-basis: 100%; margin-top: 8px; }
  .profile-identity-card { min-height: 0; padding: 18px; }
  .profile-identity-card .profile-identity-head { flex-direction: column; align-items: stretch; gap: 15px; }
  .profile-identity-card .profile-identity-actions { width: 100%; }
  .profile-identity-card .profile-identity { gap: 12px; }
  .profile-identity-card .profile-avatar { width: 52px; height: 52px; min-width: 52px; }
  .profile-identity-card .profile-identity-copy h3 { font-size: 20px; }
  .profile-id-inline { gap: 7px; font-size: 11px; }
  .profile-settings-modal { padding: 12px; }
  .profile-settings-dialog { max-height: 92vh; padding: 20px 16px 18px; border-radius: 14px; }
  .profile-settings-dialog-header h2 { font-size: 21px; }
  .profile-settings-top { grid-template-columns: 1fr; gap: 16px; margin-top: 18px; }
  .profile-settings-history-heading { grid-template-columns: 1fr; gap: 5px; }
  .profile-settings-history-heading h3, .profile-settings-history-heading .profile-history-totals { grid-column: 1; justify-self: center; }
  .profile-settings-history-heading h3 { font-size: 19px; }
  .profile-settings-history-heading .profile-history-totals { display: flex; gap: 12px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .profile-settings-modal, .profile-settings-dialog, .profile-heading-actions .profile-heading-action { transition: none; } }
@media (prefers-reduced-motion: reduce) { .profile-heading-actions .profile-heading-action-promo.is-promo-active, .profile-heading-actions .profile-heading-action-promo.is-promo-active img { animation: none; } }
@media (prefers-reduced-motion: reduce) { .profile-settings-promo strong { animation: none; } }
.profile-promo-dialog-glow, .profile-logout-dialog-glow { display: none; }
.profile-status .status-dot { background: var(--green); box-shadow: 0 0 0 4px rgba(157,242,110,.1), 0 0 12px rgba(157,242,110,.65); }

/* Mobile navigation and the profile summary share a clear, non-overlapping top area. */
@media (max-width: 900px) {
  .header-actions { margin-left: auto; }
  .menu-toggle { flex: 0 0 44px; margin-left: 0; }
  .site-header .main-nav.is-open { position: absolute; top: calc(100% + 8px); right: 0; left: 0; display: flex; flex-direction: column; align-items: stretch; gap: 2px; margin: 0; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(13,13,15,.98); box-shadow: 0 18px 42px rgba(0,0,0,.42); transform: none; }
  .site-header .main-nav.is-open a { display: flex; align-items: center; min-height: 44px; padding: 10px 14px; }
  .menu-toggle[aria-expanded="true"] { position: relative; }
  .menu-toggle[aria-expanded="true"] span { opacity: 0; }
  .menu-toggle[aria-expanded="true"]::before,
  .menu-toggle[aria-expanded="true"]::after { position: absolute; top: 50%; left: 50%; width: 22px; height: 1px; background: currentColor; content: ""; }
  .menu-toggle[aria-expanded="true"]::before { transform: translate(-50%, -50%) rotate(45deg); }
  .menu-toggle[aria-expanded="true"]::after { transform: translate(-50%, -50%) rotate(-45deg); }
  body.is-profile-view.mobile-nav-open .profile-page { padding-top: 274px; }
}
@media (max-width: 640px) {
  body.is-profile-view.mobile-nav-open .profile-page { padding-top: 250px; }
  .profile-heading { margin-bottom: 15px; }
  .profile-utility-stack { margin-top: 15px; }
  .profile-identity-card { padding: 15px 16px; }
  .profile-identity-card .profile-identity-head { gap: 10px; }
  .profile-identity-card .profile-identity { align-self: flex-start; }
  .profile-identity-card .profile-identity-actions { gap: 5px; }
}
@media (min-width: 420px) and (max-width: 640px) {
  .profile-identity-card .profile-identity-head { flex-direction: row; align-items: stretch; }
  .profile-identity-card .profile-identity { flex: 1; align-self: center; min-width: 0; }
  .profile-identity-card .profile-identity-actions { flex: 0 0 auto; width: auto; }
  .profile-identity-card .profile-overline { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* Compact, centered history paging with the supplied chevron shapes. */
.profile-history-pagination { display: grid; grid-template-columns: 44px 132px 44px; align-items: center; justify-content: center; gap: 6px; }
.profile-history-pagination[hidden] { display: none; }
.profile-history-pagination > span { min-width: 0; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
.profile-history-page-arrow { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #f2f2f5; transition: background .2s ease, color .2s ease, transform .2s ease; }
.profile-history-page-arrow svg { width: 22px; height: 22px; }
.profile-history-page-arrow:not(:disabled):hover { background: rgba(255,255,255,.055); transform: translateY(-1px); }
.profile-history-page-arrow:focus-visible { outline: 2px solid rgba(235,235,245,.7); outline-offset: 2px; }
.profile-history-page-arrow:disabled { opacity: .3; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { .menu-toggle span, .profile-history-page-arrow { transition: none; } }

/* Keep mobile account actions together and give the menu a legible icon. */
@media (max-width: 900px) {
  .header-inner { gap: 8px; }
  .menu-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; margin-left: auto; }
  .menu-toggle span { display: block; flex: 0 0 2px; width: 20px; height: 2px; margin: 0; border-radius: 2px; }
  .header-actions { margin-left: 0; }
}
@media (max-width: 640px) {
  .profile-heading { align-items: center; text-align: center; }
  .profile-heading > div { width: 100%; }
  .profile-heading .section-kicker { justify-content: center; }
  .profile-identity-card .profile-identity-head { flex-direction: column; align-items: center; gap: 14px; }
  .profile-identity-card .profile-identity { flex: 0 1 auto; align-self: center; }
  .profile-identity-card .profile-identity-actions { flex: 0 1 auto; width: 100%; align-items: center; gap: 9px; margin-left: 0; }
  .profile-identity-card .profile-heading-actions { align-self: center; }
  .profile-identity-card .profile-id-inline { justify-content: center; }
}

/* Profile settings: quiet icon actions and a balanced history summary. */
.profile-settings-connections .profile-connection-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; flex: 0 0 auto; margin-left: auto; }
.profile-settings-connections .profile-connection-actions .profile-connection-note { width: auto; margin: 0 0 0 2px; text-align: right; }
.profile-settings-connections .profile-connection-icon-button,
.profile-history-entry .profile-history-view { display: inline-grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; min-height: 34px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: var(--text); cursor: pointer; transition: background .24s ease, color .24s ease, transform .24s ease; }
.profile-settings-connections .profile-connection-icon-button svg,
.profile-history-entry .profile-history-view svg { width: 19px; height: 19px; }
.profile-settings-connections .profile-connection-icon-button:hover,
.profile-history-entry .profile-history-view:hover { background: rgba(255,255,255,.055); color: #fff; }
.profile-settings-connections .profile-connection-icon-button:focus-visible,
.profile-history-entry .profile-history-view:focus-visible,
.profile-settings-history .profile-history-more:focus-visible { outline: 2px solid rgba(235,235,245,.7); outline-offset: 2px; }
.profile-connection-feedback { position: fixed; z-index: 110; width: max-content; max-width: min(300px, calc(100vw - 24px)); margin: 0; padding: 9px 12px; border: 1px solid rgba(255,255,255,.17); border-radius: 9px; background: #19191e; box-shadow: 0 12px 28px rgba(0,0,0,.35); color: #e6e6ec; font-size: 11px; line-height: 1.4; opacity: 0; pointer-events: none; transform: translateY(5px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }
.profile-connection-feedback[hidden] { display: none !important; }
.profile-connection-feedback.is-visible { opacity: 1; transform: translateY(0); transition-duration: .2s; }
.profile-settings-history-heading { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.profile-settings-history-heading .profile-history-totals { grid-column: 1; grid-row: 1; display: flex; align-items: baseline; justify-self: start; gap: 13px; min-width: 0; padding: 0; text-align: left; white-space: nowrap; }
.profile-settings-history-heading .profile-history-total { margin: 0; }
.profile-settings-history-heading h3 { grid-column: 2; grid-row: 1; }
.profile-settings-history-heading .profile-history-volume { grid-column: 3; grid-row: 1; display: inline-flex; align-items: baseline; justify-self: end; gap: 5px; color: #b4b4bf; font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.profile-settings-history-heading .profile-history-volume strong { color: #f2f2f5; font-size: 15px; font-weight: 650; }
.profile-settings-history .profile-history-more { display: grid; place-items: center; width: max-content; min-height: 34px; margin: 10px auto 0; padding: 0 9px; border: 0; border-radius: 7px; background: transparent; box-shadow: none; color: #c5c5ce; font-size: 12px; font-weight: 400; letter-spacing: 0; transition: background .24s ease, color .24s ease; }
.profile-settings-history .profile-history-more:hover { border: 0; background: rgba(255,255,255,.055); box-shadow: none; color: #fff; }
@media (max-width: 900px) {
  .profile-settings-history-heading { grid-template-columns: minmax(0,1fr) auto; gap: 8px 14px; }
  .profile-settings-history-heading h3 { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .profile-settings-history-heading .profile-history-totals { grid-column: 1; grid-row: 2; justify-self: start; gap: 9px; }
  .profile-settings-history-heading .profile-history-volume { grid-column: 2; grid-row: 2; }
}
@media (max-width: 640px) {
  .profile-settings-connections .profile-connection-row { align-items: center; flex-wrap: nowrap; }
  .profile-settings-connections .profile-connection-main { flex: 1 1 auto; min-width: 0; }
  .profile-settings-connections .profile-connection-actions { gap: 2px; }
  .profile-settings-connections .profile-connection-actions .profile-connection-note { font-size: 10px; }
  .profile-settings-history-heading { grid-template-columns: 1fr; }
  .profile-settings-history-heading h3 { grid-column: 1; }
  .profile-settings-history-heading .profile-history-totals { grid-column: 1; grid-row: 2; justify-self: start; }
  .profile-settings-history-heading .profile-history-volume { grid-column: 1; grid-row: 3; justify-self: end; }
}
@media (prefers-reduced-motion: reduce) {
  .profile-connection-feedback,
  .profile-settings-connections .profile-connection-icon-button,
  .profile-history-entry .profile-history-view,
  .profile-settings-history .profile-history-more { transition: none; }
}

/* Both payment-password visibility controls use the same quiet language as copy. */
.transfer-secret-toggle {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  box-shadow: none;
  color: var(--text);
  transition: background .24s ease, color .24s ease;
}
.transfer-secret-toggle img { display: block; width: 21px; height: 21px; opacity: .58; filter: brightness(0) invert(1); transition: opacity .24s ease; }
.transfer-secret-toggle:hover,
.transfer-secret-toggle.is-visible:hover { background: transparent; color: var(--text); }
.transfer-secret-toggle:hover img,
.transfer-secret-toggle:focus-visible img { opacity: .86; }
.transfer-secret-toggle:focus-visible { outline: 2px solid rgba(235,235,245,.7); outline-offset: 2px; background: transparent; }
.transfer-secret-toggle.is-visible { background: transparent; color: var(--text); }
.transfer-secret-toggle:disabled { opacity: .42; }
@media (prefers-reduced-motion: reduce) { .transfer-secret-toggle, .transfer-secret-toggle img { transition: none; } }

.calculator-action-primary { display: flex; flex: 0 0 249px; flex-direction: column; align-items: center; gap: 6px; }
.calculator-action-primary > #exchange-button { flex: 0 0 auto; width: 100%; min-width: 0; margin: 0; }
.active-withdraw-notice { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; align-self: stretch; gap: 4px; width: 100%; min-height: 24px; padding: 2px 0; color: #aaaab4; font-size: 12px; line-height: 1.3; }
.active-withdraw-notice[hidden] { display: none !important; }
.active-withdraw-notice-label { color: #aaaab4; font-weight: 400; }
.active-withdraw-link { display: inline-flex; align-items: center; padding: 0; color: #e0e0e5; font-weight: 650; text-decoration: none; transition: color .2s ease; }
.active-withdraw-link:hover, .active-withdraw-link:focus-visible { color: #fff; }
.active-withdraw-link:focus-visible { outline: 2px solid rgba(235,235,245,.7); outline-offset: 2px; }
@media (max-width: 700px) {
  .calculator-action-primary { flex-basis: min(249px, 100%); width: min(249px, 100%); }
}
@media (prefers-reduced-motion: reduce) { .active-withdraw-link { transition: none; } }

/* Keep the detached tab row aligned with the fee panel below it. */
@media (min-width: 1161px) {
  .fee-service-tabs { width: calc(100% + 44px); margin: 0 0 28px -52px; }
}
@media (min-width: 901px) and (max-width: 1160px) {
  .fee-service-tabs { width: min(calc(100% - 50px), 570px); margin: 0 0 28px 25px; }
}
@media (min-width: 641px) and (max-width: 900px) {
  .fee-service-tabs { width: min(calc(100% - 50px), 520px); margin: 0 0 28px 25px; }
}
@media (max-width: 700px) {
  .fee-service-tabs { margin-bottom: 28px; }
}
@media (max-width: 640px) {
  .fee-service-tabs { width: min(calc(100% - 42px), 528px); margin-left: 21px; }
}

/* Keep the desktop tab row and fee panel inside their shared stack. */
@media (min-width: 1161px) {
  .fee-card-stack { width: calc(100% + 94px); margin-left: -77px; }
  .fee-card { width: 100%; margin: 16px 0 0; }
  .fee-service-tabs { width: 100%; gap: 13px; margin: 0 0 28px; }
  .fee-service-tabs .fee-service-tab.is-active { transform: translate3d(0, -1px, 2px); }
}

/* Expandable instructions for the two balance-sale requests. */
.transfer-request-help { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.transfer-request-help-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font: 650 17px/1.35 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: left;
  cursor: pointer;
}
.transfer-request-help-toggle img {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  filter: invert(1);
  opacity: .78;
  transition: transform .32s cubic-bezier(.16, 1, .3, 1), opacity .2s ease;
}
.transfer-request-help-toggle:hover img,
.transfer-request-help-toggle:focus-visible img { opacity: 1; }
.transfer-request-help-toggle:focus-visible { outline: 2px solid rgba(244, 244, 245, .7); outline-offset: 4px; border-radius: 3px; }
.transfer-request-help.is-open .transfer-request-help-toggle img { transform: rotate(180deg); }
.transfer-request-help-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-7px);
  transition: max-height .42s cubic-bezier(.16, 1, .3, 1), opacity .22s ease, transform .42s cubic-bezier(.16, 1, .3, 1);
}
.transfer-request-help.is-open .transfer-request-help-content { max-height: 360px; opacity: 1; transform: translateY(0); }
.transfer-request-help-content-inner { padding-top: 8px; }
.transfer-request-help .transfer-request-help-content ol,
.transfer-request-help .transfer-request-help-content p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}
.transfer-request-help .transfer-request-help-content ol { margin: 0; padding-left: 22px; }
.transfer-request-help .transfer-request-help-content li { padding-left: 3px; }
.transfer-request-help .transfer-request-help-content p { margin: 9px 0 0; }
.transfer-request-help .transfer-request-help-content .transfer-request-limit { margin-top: 12px; }
.transfer-request-help .transfer-request-help-content .transfer-request-limit strong {
  color: var(--text);
  font-size: 17px;
  font-weight: 650;
}
.transfer-request-help .transfer-request-help-content code { font-size: 12px; }
@media (prefers-reduced-motion: reduce) {
  .transfer-request-help-toggle img,
  .transfer-request-help-content { transition: none; }
}