:root{--bg:#f6f9ff;--panel:#fff;--ink:#132344;--muted:#6d7d98;--border:#e1e9f5;--blue:#246cf1;--blue2:#478efb;--soft:#edf4ff;--shadow:0 22px 60px #193f8a12;color-scheme:light}html[data-theme=dark]{--bg:#091326;--panel:#121f35;--ink:#eef5ff;--muted:#a0afc9;--border:#2b3c58;--blue:#4c94ff;--blue2:#73afff;--soft:#1b2c49;--shadow:0 22px 60px #0004;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6baaff;outline-offset:3px}a{color:inherit}.wrap{max-width:1160px;padding:0 25px;margin:auto}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:22px;letter-spacing:1.6px;font-weight:850;line-height:1}.brand small{display:block;letter-spacing:1.3px;font-size:7px;margin-top:8px;color:var(--muted);font-weight:700}.brandmark{display:grid;place-items:center;color:white;background:linear-gradient(145deg,#0950c7,#60b7ff);width:42px;height:42px;border-radius:13px;font-size:35px;font-weight:400}.desktopnav{display:flex;gap:32px}.desktopnav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:13px}.desktopnav a:hover{color:var(--blue)}.tools{display:flex;gap:9px}.iconbutton{min-width:42px;height:42px;padding:0 11px;background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:12px;font-weight:750}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f1f7ff 0%,#f6f9ff 50%,#eaf3ff 100%);border-block:1px solid var(--border)}html[data-theme=dark] .hero{background:linear-gradient(115deg,#0a172e,#0e1b34 53%,#11284a)}.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px)}.glow1{width:440px;height:440px;right:-110px;top:-200px;background:radial-gradient(circle,#6bb4ff40,transparent 70%)}.glow2{width:360px;height:360px;left:-200px;bottom:-230px;background:radial-gradient(circle,#9dbeff50,transparent 70%)}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 480px;align-items:center;gap:65px;padding-top:75px;padding-bottom:82px}.eyebrow,.overline{color:var(--blue);font-weight:800;font-size:11px;letter-spacing:1.8px}.spark{font-size:19px}.intro h1{font-size:clamp(37px,4.4vw,61px);line-height:1.09;letter-spacing:-2.7px;margin:23px 0}.intro h1 em{font-style:normal;color:var(--blue)}.intro>p{font-size:17px;max-width:530px;color:var(--muted);line-height:1.75}.trust{display:flex;flex-wrap:wrap;gap:11px 19px;margin-top:32px;color:var(--muted);font-size:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.exchange{padding:28px}.exchange-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.exchange h2{font-size:23px;margin:4px 0 0;letter-spacing:-.5px}.blueicon{background:var(--soft);color:var(--blue);font-size:24px;border-radius:12px;padding:4px 11px}.pair{display:grid;grid-template-columns:1fr;position:relative;gap:14px}.currencyfield{border:1px solid var(--border);background:var(--bg);border-radius:15px;padding:14px 17px}.fieldlabel,.amountlabel>span{font-size:10px;color:var(--muted);letter-spacing:1px;font-weight:750}.currencybtn{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--ink);text-align:left;padding:10px 0}.coin{width:38px;height:38px;border-radius:50%;background:#e9a825;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800}.coin.tether{background:#27a991}.currencytext{display:flex;flex-direction:column;flex:1;line-height:1.35}.currencytext b{font-size:16px}.currencytext small{color:var(--muted);font-size:12px}.chev{font-size:22px;color:var(--muted)}.amountlabel{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:11px}.amountlabel input{border:0;outline:0;background:transparent;color:var(--ink);font-weight:800;font-size:22px;text-align:right;width:70%;min-width:0}.estimate strong{font-size:18px}.swap{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:39px;height:39px;background:var(--panel);color:var(--blue);border:1px solid var(--border);border-radius:50%;box-shadow:0 3px 15px #0001;font-size:21px}.primary{border:0;color:#fff;background:linear-gradient(110deg,#1959dc,#398aff);padding:16px 20px;border-radius:13px;font-weight:800;width:100%;margin-top:18px;display:flex;justify-content:center;gap:20px;align-items:center}.primary:hover{filter:brightness(1.07)}.api-note{margin:14px 0 0;text-align:center;color:var(--muted);font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;background:#8aa4c4;border-radius:50%;margin-right:6px}.status{font-size:12px;color:var(--muted);margin-top:12px}.status:empty{display:none}.status.error{color:#d15d58}.results{padding-top:64px;padding-bottom:42px}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:24px}.section-heading h2{font-size:32px;letter-spacing:-1px;margin:7px 0}.section-heading p{color:var(--muted);margin:0}.sort-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.sort-label select{padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--ink);max-width:220px}.results-list{display:grid;gap:12px}.empty{text-align:center;padding:45px 20px;box-shadow:none}.emptyicon{margin:auto;color:var(--blue);background:var(--soft);border-radius:18px;width:60px;height:60px;display:grid;place-items:center;font-size:30px}.empty h3{margin:15px 0 4px}.empty p{margin:0 auto;max-width:450px;color:var(--muted)}.offer{padding:19px 23px;display:grid;grid-template-columns:minmax(155px,1.1fr) minmax(145px,1fr) minmax(155px,1fr) auto;align-items:center;gap:20px;box-shadow:none}.offer.best{border-color:#90b8ff}.exchanger{font-weight:800;font-size:16px;overflow-wrap:anywhere}.offer small{display:block;color:var(--muted);font-size:11px}.offer strong{font-size:21px;letter-spacing:-.5px}.offer .meta{font-size:12px;color:var(--muted)}.offer .tag{display:inline-block;color:var(--blue);background:var(--soft);border-radius:6px;padding:2px 7px;font-size:10px;margin-top:5px}.offer a.go{white-space:nowrap;text-decoration:none;background:var(--soft);color:var(--blue);padding:12px 15px;border-radius:11px;font-weight:800;font-size:12px}.offer a.go:hover{background:var(--blue);color:white}.attribution{font-size:12px;color:var(--muted);margin:18px 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:75px}.benefit{padding:25px;box-shadow:none}.benefiticon{font-size:25px;color:var(--blue);background:var(--soft);border-radius:12px;width:47px;height:47px;display:grid;place-items:center}.benefit h3{margin:16px 0 5px}.benefit p{color:var(--muted);margin:0;font-size:13px}.footer{border-top:1px solid var(--border)}.footinner{display:flex;justify-content:space-between;gap:18px;padding-top:25px;padding-bottom:25px;color:var(--muted);font-size:12px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:18px}.modalshade{position:absolute;inset:0;background:#06142b9c;backdrop-filter:blur(5px)}.pickerpanel{position:relative;background:var(--panel);color:var(--ink);width:min(560px,100%);max-height:min(750px,90dvh);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:22px;padding:25px;box-shadow:0 25px 90px #0005}.pickerhead{display:flex;align-items:center;justify-content:space-between}.pickerhead h2{margin:4px 0 16px;font-size:24px}.searchfield{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--bg);font-size:24px;color:var(--muted)}.searchfield input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:15px 0;font-size:15px}.tabs{display:flex;gap:8px;overflow:auto;margin:17px 0 10px}.tabs button{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:30px;padding:8px 15px;white-space:nowrap;font-size:12px;font-weight:750}.tabs button.active{background:var(--blue);color:white;border-color:var(--blue)}.currencylist{overflow:auto;min-height:80px}.currencyitem{display:flex;width:100%;text-align:left;gap:12px;align-items:center;background:none;border:0;border-bottom:1px solid var(--border);color:var(--ink);padding:12px 3px}.currencyitem:hover{background:var(--soft)}.currencyitem .coin{flex-shrink:0;width:36px;height:36px;font-size:17px}.currencyitem span:nth-child(2){flex:1}.currencyitem small{display:block;color:var(--muted)}.pickerhint{font-size:11px;color:var(--muted);margin:15px 0 0}@media(max-width:950px){.hero-inner{grid-template-columns:1fr 420px;gap:25px}.intro h1{font-size:42px}.offer{grid-template-columns:1fr 1fr auto}.offer .limits{display:none}}@media(max-width:750px){.wrap{padding-left:17px;padding-right:17px}.header{height:70px}.brand{font-size:18px}.brandmark{width:37px;height:37px}.brand small{font-size:6px}.desktopnav{display:none}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-top:30px;padding-bottom:38px}.intro h1{font-size:37px;letter-spacing:-1.5px;margin:12px 0}.intro>p{font-size:14px;line-height:1.6;margin:0}.trust{margin-top:17px;gap:6px 13px;font-size:10px}.exchange{padding:18px;border-radius:18px}.exchange h2{font-size:21px}.results{padding-top:39px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:27px}.sort-label{width:100%;justify-content:space-between}.sort-label select{max-width:none;flex:1}.offer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px}.offer .exchangercol{grid-column:1/-1;border-bottom:1px solid var(--border);padding-bottom:10px}.offer .limits{display:block;grid-column:1/-1}.offer a.go{grid-column:1/-1;text-align:center;padding:13px}.offer strong{font-size:21px}.benefits{grid-template-columns:1fr;gap:10px;padding-bottom:40px}.benefit{padding:19px}.footinner{flex-direction:column}.pickerpanel{padding:19px;max-height:92dvh}.modal{padding:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* THEDOLD 3.1: consistent typography, brand, and mobile picker */
:root{--logo-cutout:#fff}
html[data-theme=dark]{--logo-cutout:#121f35}
.brand{gap:10px;font-size:21px;letter-spacing:.4px;font-weight:700}
.brand .brandmark{display:block;width:43px;height:43px;flex:none;border-radius:0;background:none}
.brandname{font-weight:700;letter-spacing:.35px}
.primary{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.15px;border-radius:12px;background:#216be6;padding:14px 20px;min-height:50px;box-shadow:none;gap:12px}
.primary:hover{background:#1759c7;filter:none}
.primary span{font-size:17px;font-weight:400}
.exchange h2,.pickerhead h2,.section-heading h2{font-weight:600}
.currencytext b,.currencyitem b{font-weight:600}
.tabs{flex:none;overflow-x:auto;overflow-y:hidden;min-height:47px;align-items:center;scrollbar-width:none;overscroll-behavior-x:contain;margin:13px 0 9px;padding:3px 0 4px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:0 0 auto;min-height:35px;line-height:18px;padding:8px 15px;font-weight:600}
.pickerpanel{min-height:0;overflow:hidden}
.currencylist{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c6d8 transparent}
.pickerhead,.searchfield,.pickerhint{flex:none}
@media(max-width:650px){
 .modal{padding:12px;align-items:center}
 .pickerpanel{width:100%;max-height:calc(100dvh - 32px);padding:18px 16px;border-radius:23px}
 .tabs{width:100%}
 .currencylist{min-height:0}
 .hero-inner{padding-top:30px;padding-bottom:35px}
 .exchange{padding:20px}
 .brand{font-size:19px}
 .brand .brandmark{width:36px;height:36px}
}

/* THEDOLD 3.2: approved source logo, compact amount controls and mobile tabs */
.brand .brandmark{width:43px;height:43px;object-fit:contain;display:block;background:none;flex-shrink:0}
.amountlabel input{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;padding-right:2px}
.amountlabel input::-webkit-inner-spin-button,.amountlabel input::-webkit-outer-spin-button{opacity:.62;width:12px;height:20px;cursor:pointer;margin-left:3px}
.primary{min-height:46px;padding:12px 18px;font-size:14px}
.tabs{flex-wrap:wrap;overflow:visible;min-height:0;gap:7px}
.tabs button{padding:7px 12px;min-height:34px}
@media(max-width:750px){.brand .brandmark{width:36px;height:36px}.intro h1{font-size:clamp(30px,8vw,37px);line-height:1.14;letter-spacing:-1.6px}.amountlabel input{font-size:19px}.tabs{flex-wrap:wrap;overflow:visible}.pickerpanel{overflow:hidden}}

/* 3.2.2: original approved logo, assembled from original artwork */
.brand{display:flex;align-items:center;gap:0;flex-shrink:0}
.brandlogo{display:block;width:231px;height:auto;object-fit:contain}
.brandlogo-dark{display:none}
html[data-theme=dark] .brandlogo-light{display:none}
html[data-theme=dark] .brandlogo-dark{display:block}
@media(max-width:750px){.brandlogo{width:174px;height:auto}}

/* v3.2.4: approved source image, not a reconstructed logo. */
.brand .brandlogo-original{display:block;width:clamp(260px,26vw,340px);height:auto;max-width:100%;object-fit:contain;border-radius:5px}
.header{min-height:92px;height:auto;padding-top:10px;padding-bottom:10px;gap:12px}
@media(max-width:750px){.header{min-height:72px;gap:7px}.brand .brandlogo-original{width:clamp(175px,48vw,260px)}}
@media(max-width:390px){.brand .brandlogo-original{width:175px}}

/* 3.2.5: same approved logo assets, white background removed; no page redesign */
.brand .brandlogo-approved{width:clamp(235px,24vw,305px);height:auto;max-width:100%;border-radius:0;object-fit:contain}
.brand .brandlogo-dark{display:none}
html[data-theme=dark] .brand .brandlogo-light{display:none}
html[data-theme=dark] .brand .brandlogo-dark{display:block}
@media(max-width:750px){.brand .brandlogo-approved{width:clamp(165px,44vw,240px)}}

/* THEDOLD 3.2.6 — final desktop proportions, preserving markup and application logic */
@media (min-width: 951px) {
  .wrap { max-width: 1200px; padding-left: 30px; padding-right: 30px; }
  .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(390px, 455px); gap: 38px; padding-top: 56px; padding-bottom: 60px; }
  .intro h1 { font-size: clamp(40px, 3.6vw, 54px); line-height: 1.12; letter-spacing: -2px; margin: 18px 0; }
  .intro>p { font-size: 15px; max-width: 490px; line-height: 1.65; }
  .trust { margin-top: 24px; }
  .exchange { padding: 24px; }
  .header { min-height: 80px; padding-top: 8px; padding-bottom: 8px; }
  .brand .brandlogo-approved { width: clamp(225px, 22vw, 270px); }
  .desktopnav { gap: 26px; }
  .results { padding-top: 50px; }
}
@media (min-width: 751px) and (max-width: 950px) {
  .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(330px, 420px); gap: 24px; padding-top: 46px; padding-bottom: 50px; }
  .intro h1 { font-size: clamp(34px, 4.5vw, 42px); }
  .brand .brandlogo-approved { width: 220px; }
}

/* THEDOLD 3.2.8: one inline SVG emblem, language-independent geometry */
.header .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;text-decoration:none}
.header .brand-svg{display:block;width:52px;height:52px;flex-shrink:0;overflow:visible}
.header .brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.05}
.header .brand-word{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:29px;line-height:1.05;font-weight:800;letter-spacing:-1.1px;color:var(--ink);white-space:nowrap}
.header .brand-tagline{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:8px;font-weight:700;line-height:1.4;letter-spacing:.35px;color:#168acb;white-space:nowrap;margin-top:5px}
@media(max-width:750px){.header .brand{gap:6px}.header .brand-svg{width:38px;height:38px}.header .brand-word{font-size:22px;letter-spacing:-.8px}.header .brand-tagline{font-size:6px;letter-spacing:.05px;margin-top:3px}}
@media(max-width:370px){.header .brand-svg{width:33px;height:33px}.header .brand-word{font-size:19px}.header .brand-tagline{font-size:5.4px}}


/* THEDOLD 3.2.9 — larger inline SVG identity and balanced desktop hero.
   CSS-only update; no changes to API, JS or HTML. */
@media (min-width: 951px) {
  .header .brand-svg { width: 62px; height: 62px; }
  .header .brand-word { font-size: 34px; }
  .header .brand-tagline { font-size: 9px; letter-spacing: .4px; }
  .hero-inner .intro { transform: translateY(-22px); }
}
@media (min-width: 751px) and (max-width: 950px) {
  .header .brand-svg { width: 55px; height: 55px; }
  .header .brand-word { font-size: 30px; }
  .header .brand-tagline { font-size: 8px; }
  .hero-inner .intro { transform: translateY(-12px); }
}
@media (max-width: 750px) {
  .header .brand-svg { width: 41px; height: 41px; }
  .header .brand-word { font-size: 23px; }
}
@media (max-width: 370px) {
  .header .brand-svg { width: 34px; height: 34px; }
  .header .brand-word { font-size: 19px; }
}

/* -------------------------------------------------------
   THEDOLD.RU — design styles / 18 October 2026
   Visual refinements; API contract unchanged.
   All logo-like initials below are UI placeholders, NOT official trademarks.
   ------------------------------------------------------- */
:root{
 --bg:#f6f8fc;--panel:#ffffff;--ink:#12233e;--muted:#54657f;
 --border:#dce5f1;--blue:#2267df;--blue2:#3b8aff;--soft:#edf4ff;
 --shadow:0 16px 44px rgba(22,62,133,.085);
 --success:#087b6b;--warning:#996217;
}
html[data-theme=dark]{
 --bg:#0c1729;--panel:#15253b;--ink:#edf4ff;--muted:#b6c7df;
 --border:#314663;--blue:#6ba4ff;--blue2:#70b4ff;--soft:#203956;
 --shadow:0 16px 44px rgba(0,0,0,.24);--success:#8edbcc;--warning:#ffe19d;
}
body{background:var(--bg);line-height:1.52}
.header{min-height:87px;height:auto;padding-top:11px;padding-bottom:12px}
.desktopnav a{font-size:13px;color:var(--muted);transition:color .15s}
.iconbutton{border-radius:12px;min-height:43px;box-shadow:0 2px 8px #23478108}
.hero{border:0;border-bottom:1px solid var(--border);background:linear-gradient(125deg,#f1f6ff 0%,#f8fbff 53%,#e9f2ff 100%)}
html[data-theme=dark] .hero{background:linear-gradient(125deg,#0c1a30,#132945 60%,#142f54)}
.glow1{width:500px;height:500px;background:radial-gradient(circle,#a4caff64,transparent 70%)}
.glow2{width:400px;height:400px;background:radial-gradient(circle,#c9dcff55,transparent 70%)}
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(420px,480px);gap:75px;padding-top:66px;padding-bottom:72px}
.intro .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.3px}
.intro h1{font-weight:780;font-size:clamp(38px,4.5vw,61px);line-height:1.095;letter-spacing:-2.6px;margin:19px 0 19px}
.intro h1 em{background:linear-gradient(90deg,#1b61da,#248cdb);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro>p{color:var(--muted);font-size:16px;line-height:1.75;max-width:490px}
.trust{margin-top:26px;gap:9px 17px;color:var(--muted);font-size:11px;font-weight:600}
.card{border-radius:20px;box-shadow:var(--shadow)}
.exchange{padding:25px 25px 21px;border:1px solid var(--border);box-shadow:0 20px 50px rgba(30,65,128,.11)}
.exchange-head{margin-bottom:19px}
.exchange h2{font-size:24px;font-weight:750;letter-spacing:-.7px}
.blueicon{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:13px;font-weight:800;font-size:19px}
.currencyfield{padding:14px 17px;background:var(--panel);border:1.5px solid var(--border);border-radius:15px;transition:border-color .15s}
.currencyfield:focus-within{border-color:var(--blue2)}
.fieldlabel{display:block;font-weight:750;letter-spacing:1.2px;color:var(--muted);font-size:10px}
.currencybtn{gap:12px;padding:8px 0 10px}
.currencytext b{font-size:17px;font-weight:700;letter-spacing:-.25px}
.currencytext small{font-size:12px;line-height:1.35;margin-top:3px}
.chev{font-size:22px;color:var(--muted)}
.coin{width:42px;height:42px;flex:none;font-size:22px;font-weight:820;background:#e9a825;border:1px solid rgba(0,0,0,.04);box-shadow:inset 0 0 0 1px #ffffff15}
.coin.token-btc{background:#f4a52b;color:white}
.coin.token-usdt{background:#26a17b;color:white}
.coin.token-eth{background:#6753b9;color:white}
.coin.token-sol{background:#141b29;color:#8bdcff}
.coin.token-sber{background:#15a064;color:white}
.coin.token-tbank{background:#ffe34d;color:#171b23}
.coin.token-alfa{background:#dc1f36;color:white}
.coin.token-sbp{background:#2b66d1;color:white;font-size:15px}
.coin.token-standart{background:#2572c4;color:white}
.coin.token-rub{background:#b27736;color:white}
.coin.token-usd{background:#338c67;color:white}
.coin.token-eur{background:#3464ac;color:white}
.coin.token-paypal{background:#1d58a6;color:white}
.coin.token-generic{background:#e7edf7;color:#536d98}
html[data-theme=dark] .coin.token-generic{background:#385276;color:#ecf4ff}
.amountlabel{border-top:1px solid var(--border);padding-top:11px;min-height:48px}
.amountlabel>span{align-self:center;color:var(--muted);font-size:11px;letter-spacing:.15px;text-transform:none}
.amountlabel input{font-size:24px;font-weight:750;width:64%;min-width:0;text-align:right;letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums;padding:0;appearance:textfield;-moz-appearance:textfield}
.amountlabel input::-webkit-outer-spin-button,.amountlabel input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;display:none}
.payout-preview{display:grid;grid-template-columns:1fr;gap:3px;border-top:1px solid var(--border);padding-top:13px;min-height:83px}
.payout-preview>span{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.05px}
.payout-preview strong{color:var(--ink);font-size:25px;font-weight:790;line-height:1.25;letter-spacing:-.65px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.payout-preview small{color:var(--muted);font-size:11px;line-height:1.5;white-space:normal}
.swap{top:50%;height:43px;width:43px;font-size:21px;box-shadow:0 4px 16px #15377f22}
.primary{font-size:15px;font-weight:740;min-height:52px;border-radius:13px;background:linear-gradient(120deg,#1f60db,#287df0);box-shadow:0 9px 20px #1968df29}
.primary:hover{background:linear-gradient(120deg,#1c59cf,#1f6de1)}
.status{font-size:12px;line-height:1.6;font-weight:550}
.results{padding-top:58px;padding-bottom:46px}
.section-heading h2{font-size:32px;font-weight:760;letter-spacing:-.8px}
.section-heading p{font-size:13px;line-height:1.5}
.result-actions{flex:0 0 auto}
.sort-label select{font-size:13px;min-height:44px;border-radius:11px;padding:10px 13px;font-weight:600}
.results-list{gap:14px}
.offer{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(195px,1.22fr) minmax(225px,1.48fr) minmax(128px,.8fr);align-items:center;gap:19px;padding:22px 22px;border:1px solid var(--border);border-radius:17px;box-shadow:0 4px 22px #19478308}
.offer.best{border-color:#91baff;box-shadow:0 10px 30px #1e6adb12;background:var(--panel)}
.offer-provider{display:flex;align-items:center;gap:11px;min-width:0;flex-wrap:wrap}
.provider-avatar{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:#fff;background:linear-gradient(130deg,#4468a6,#769fd6);font-size:16px;font-weight:800;letter-spacing:-.7px}
.offer:nth-child(5n+2) .provider-avatar{background:linear-gradient(130deg,#147e8d,#55b8b1)}
.offer:nth-child(5n+3) .provider-avatar{background:linear-gradient(130deg,#6d5a9f,#a78bd1)}
.offer:nth-child(5n+4) .provider-avatar{background:linear-gradient(130deg,#b9794b,#e5ad82)}
.offer:nth-child(5n+5) .provider-avatar{background:linear-gradient(130deg,#426f79,#70acb7)}
.provider-text{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-text .exchanger{font-size:14px;font-weight:750;overflow-wrap:anywhere;line-height:1.35}
.provider-text small{font-size:11px;color:var(--muted)}
.offer .tag{margin:4px 0 0;font-size:10px;font-weight:700;line-height:1.35;background:var(--soft);color:var(--blue);border-radius:8px;padding:5px 8px}
.payout-block{display:flex;flex-direction:column;gap:4px;min-width:0}
.payout-block .payout-label{font-size:11px;color:var(--muted);font-weight:650}
.payout-block .payout-number{font-weight:800;font-size:22px;letter-spacing:-.75px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.payout-method{font-size:12px;color:var(--ink);font-weight:640;overflow-wrap:anywhere}
.offer-details{display:flex;flex-direction:column;gap:8px;min-width:0}
.detail-item{display:grid;gap:1px}
.detail-item small{font-size:10px;color:var(--muted);font-weight:600}
.detail-item b{font-weight:680;font-size:12px;color:var(--ink);line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.offer-notice{font-size:11px;line-height:1.45;border-radius:7px;background:#fff5e2;color:#75501c;padding:6px 9px;font-weight:640}
html[data-theme=dark] .offer-notice{background:#4b3820;color:#ffdc9d}
.offer-action{display:flex;justify-content:flex-end;align-items:center}
.offer .go{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:45px;border-radius:11px;background:var(--soft);color:var(--blue);font-size:12px;font-weight:780;line-height:1.4;padding:9px 12px;text-decoration:none;white-space:normal}
.offer .go:not(.disabled):hover{background:var(--blue);color:white}
.offer .go.disabled{color:var(--muted);background:var(--bg);cursor:default}
.benefits{padding-bottom:66px}
.benefit{border:1px solid var(--border);padding:24px}
.benefit h3{font-size:17px;font-weight:740}
.benefit p{font-size:13px;color:var(--muted)}
.footinner{flex-wrap:wrap;line-height:1.6;gap:10px 26px}
.footlinks{display:flex;gap:12px 17px;flex-wrap:wrap}
.footlinks a{color:var(--muted);text-decoration:none}
.footlinks a:hover{text-decoration:underline;color:var(--blue)}
.modalshade{background:rgba(9,25,49,.67)}
.pickerpanel{width:min(630px,100%);padding:27px;border-radius:22px;max-height:89dvh}
.pickerhead h2{font-size:24px;font-weight:760;letter-spacing:-.4px}
.searchfield{background:var(--bg);border-radius:13px;border:1.5px solid var(--border);min-height:52px}
.searchfield:focus-within{border-color:var(--blue)}
.searchfield input{font-size:14px}
.tabs{gap:7px}
.tabs button{padding:8px 16px;font-size:12px;font-weight:700;border-radius:10px;min-height:38px}
.tabs button.active{box-shadow:0 3px 9px #1257d51a}
.currencylist{padding:0 2px}
.currencyitem{padding:12px 7px;gap:13px;border-radius:9px;min-height:68px;transition:background .15s}
.currencyitem .coin{width:40px;height:40px;font-size:20px}
.picker-item-text{min-width:0}
.picker-item-text b{display:block;font-size:14px;font-weight:690;line-height:1.35}
.picker-item-text small{margin-top:4px;color:var(--muted);font-size:12px}
.picker-arrow{font-size:21px;color:var(--muted);padding-right:6px}
.pickerhint{font-size:11px;line-height:1.6}
.no-currencies{color:var(--muted);font-size:13px;padding:14px}
@media(max-width:1100px){.hero-inner{gap:34px}.offer{grid-template-columns:minmax(0,1fr) minmax(165px,1.2fr) minmax(205px,1.2fr);gap:14px}.offer-action{grid-column:1/-1;justify-content:flex-end}.offer .go{width:auto;min-width:185px}}
@media(max-width:950px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(355px,420px)}.intro h1{font-size:41px}.offer{grid-template-columns:minmax(0,1fr) minmax(170px,1.1fr) minmax(205px,1.3fr)}.offer .offer-details{display:flex}.offer-action{grid-column:1/-1}}
@media(max-width:750px){
 .header{min-height:72px;gap:8px}
 .hero-inner{display:flex;flex-direction:column;gap:22px;padding-top:31px;padding-bottom:37px}
 .intro h1{font-size:clamp(32px,8.3vw,42px);line-height:1.13;letter-spacing:-1.4px;margin:12px 0}
 .intro>p{font-size:14px;line-height:1.62;margin:0}
 .trust{font-size:10px;margin-top:17px}
 .exchange{width:100%;padding:19px 17px 17px}
 .exchange h2{font-size:22px}
 .currencyfield{padding:13px 14px}
 .payout-preview strong{font-size:23px}
 .amountlabel input{font-size:23px}
 .results{padding-top:40px}
 .section-heading{gap:15px}
 .section-heading h2{font-size:26px}
 .result-actions,.sort-label{width:100%}
 .sort-label select{width:100%;flex:1}
 .offer{grid-template-columns:1fr;gap:14px;padding:18px}
 .offer .offer-provider{grid-column:auto;border-bottom:1px solid var(--border);padding-bottom:13px}
 .offer .payout-block{padding-bottom:8px;border-bottom:1px solid var(--border)}
 .offer .payout-number{font-size:25px}
 .offer .offer-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .offer .offer-notice{grid-column:1/-1}
 .offer .offer-action{grid-column:auto}
 .offer .go{width:100%;min-width:0;padding:12px}
 .benefits{padding-bottom:40px}
 .pickerpanel{padding:20px 17px}
 .currencyitem{min-height:65px}
}
@media(max-width:380px){.offer .offer-details{grid-template-columns:1fr}.exchange h2{font-size:20px}}


/* THEDOLD RU — approved form controls (17–18 Oct 2026) */
/* Preserve the approved new visual base. Only approved copy and input affordances change. */
.intro-lead{font-size:clamp(16px,1.6vw,19px);font-weight:750;line-height:1.45;letter-spacing:-.3px;margin:7px 0 9px;color:var(--ink)}
.intro h1{margin-bottom:15px}
.intro>p{margin-top:0}
/* Consistent, legible dropdown control; the *entire* existing currency button remains clickable. */
.currencybtn .chev{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--soft);color:var(--blue);border:1px solid var(--border);transition:background .18s,transform .18s,border-color .18s}
.currencybtn:hover .chev,.currencybtn:focus-visible .chev{background:var(--bg);border-color:var(--blue2)}
.currencybtn[aria-expanded="true"] .chev svg{transform:rotate(180deg)}
.currencybtn .chev svg{display:block;transition:transform .18s ease}
/* Separate manual amount entry from two readable up/down controls. */
.amountlabel>label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.15px;white-space:nowrap}
.amount-editor{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:1;margin-left:12px;gap:9px}
.amountlabel .amount-editor input{width:100%;min-width:0;flex:1;text-align:right;padding:7px 0}
.amount-steppers{flex:none;display:grid;grid-template-rows:repeat(2,1fr);gap:3px}
.amount-steppers button{min-width:37px;min-height:25px;line-height:1;border:1px solid var(--border);border-radius:7px;background:var(--soft);color:var(--blue);font-size:11px;font-weight:800;display:grid;place-items:center;padding:0}
.amount-steppers button:hover{border-color:var(--blue2);background:var(--bg)}
.amount-steppers button:active{transform:scale(.97)}
@media(max-width:750px){.intro-lead{font-size:16px;margin:8px 0 8px}.currencybtn .chev{width:42px;height:42px}.amount-steppers button{min-width:40px;min-height:27px}}
@media(prefers-reduced-motion:reduce){.currencybtn .chev,.currencybtn .chev svg{transition:none}}
/* Copy-fit: keep the previously approved two-part slogan readable without four desktop lines. */
@media(min-width:951px){.intro h1{font-size:clamp(39px,3.6vw,50px);letter-spacing:-1.7px}}
@media(min-width:751px) and (max-width:950px){.intro h1{font-size:clamp(34px,4.2vw,42px);letter-spacing:-1.35px}}
@media(max-width:750px){.intro h1{font-size:clamp(32px,8.7vw,38px);letter-spacing:-1.3px}}
/* Desktop: preserve the earlier two-line rhythm of the approved headline. */
@media(min-width:951px){.intro h1{font-size:clamp(38px,3.2vw,44px);letter-spacing:-1.5px}}

/* Four approved 28px controls: two currency dropdowns and two amount steppers. */
.currencybtn .chev{width:28px;height:28px;border-radius:8px}
.currencybtn .chev svg{width:14px;height:14px;stroke-width:2}
.amount-steppers{grid-template-rows:repeat(2,28px);gap:3px}
.amount-steppers button{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:8px;font-size:10px}
.amount-steppers button svg{display:block;width:14px;height:14px;stroke-width:2}

/* Authentic logos; original geometry and colours. */
.coin:has(img){background:transparent!important;border:0;box-shadow:none;border-radius:0}
.coin img{display:block;width:32px;height:32px;object-fit:contain;filter:none}
.coin img[data-backdrop="dark"]{background:#19283f}

/* THEDOLD dual amount inputs: stable layout, no mode switch/reparenting. */
.amountlabel-receive{min-height:83px}
.currencyfield .amountlabel .amount-editor{min-width:0}
.currencyfield .amountlabel .calculation-mark{flex:0 0 14px;width:14px;font-size:16px;font-weight:750;color:var(--blue);text-align:center;visibility:hidden;line-height:1}
.currencyfield .amountlabel .calculation-mark.visible{visibility:visible}
.currencyfield .amountlabel input.computed{font-variant-numeric:tabular-nums}
.amountlabel-receive .amount-editor input{width:100%;text-align:right;min-width:0;padding:7px 0}
.amountlabel-receive .amount-editor input::placeholder{font-size:12px;font-weight:500;color:var(--muted);opacity:.85}
@media(max-width:370px){.amountlabel-receive .amount-editor input::placeholder{font-size:11px}}

/* THEDOLD 20 Oct: contrast only for generic dark-line cards and bank glyphs. */
.coin:has(img[data-surface="light"]){background:#fff!important;border-radius:9px!important;box-shadow:inset 0 0 0 1px #e3e9f2!important}
.coin img[data-surface="light"]{width:27px;height:27px}

/* THEDOLD logo legibility — affected items identified in 13 user screenshots.
   Fixed 40x40 avatar box; no sizing/layout changes to picker rows, inputs or headings. */
.coin:has(img[data-surface="light"]){background:#fff!important;border-radius:9px!important;box-shadow:inset 0 0 0 1px #e3e9f2!important}
.coin img[data-surface="light"]{width:31px;height:31px;object-fit:contain}