*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0c0c0c;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}
header{position:sticky;top:0;z-index:5;background:#0c0c0c;border-bottom:1px solid #242424}
header .wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:10px;height:auto}
.logo img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 28%;box-shadow:0 0 0 2px #f68800}
.word{font-family:Unbounded,Manrope,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.04em;line-height:1;color:#f68800}
.word i{display:block;margin-top:3px;color:#fff;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.22em}
.nav{display:flex;align-items:center;gap:22px}
.header-flag{display:block;width:26px;height:26px;flex:0 0 26px;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff22}
.header-flag[hidden]{display:none}
.header-flag img{width:26px;height:26px;object-fit:cover}
.nav > a:not(.button){font-size:14.5px;font-weight:700}
.nav > a:not(.button):hover{color:#f68800}
.lang{display:flex;align-items:center;gap:2px;height:40px;padding:3px;border:1px solid #2e2e2e;border-radius:999px}
.lang a{display:grid;place-items:center;min-width:36px;height:32px;padding:0 10px;border-radius:999px;color:#8a8a8a;font-size:12px;font-weight:800;letter-spacing:.04em}
.lang a:hover{color:#fff}
.lang a.active{background:#f68800;color:#111}
.header-tg{gap:8px;min-height:42px;padding:0 16px;font-size:14.5px;font-weight:700}
.header-tg svg{width:16px;height:16px;flex-basis:16px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:#f68800;color:#111;font-weight:800;letter-spacing:-.02em;transition:background .2s,transform .2s}
.button:hover{background:#ff9a1f}
.button svg{width:18px;height:18px;flex:0 0 18px}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:28px;padding:54px 0 28px}
.where{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:4px 12px 4px 4px;border:1px solid #333;border-radius:999px;font-size:14px;font-weight:800}
.where[hidden]{display:none}
.where .flag{width:22px;height:22px;border-radius:50%;object-fit:cover}
h1{margin:0;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(46px,5.6vw,74px);font-weight:700;letter-spacing:-.045em;line-height:.96}
h1 span{color:#f68800}
.hero p.lead{max-width:460px;margin:22px 0 0;color:#c8c8c8;font-size:18px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}
.hero-visual{display:flex;justify-content:center}
.hero-visual img{width:min(100%,520px);height:auto}
section{padding:64px 0}
h2{margin:0 0 22px;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
h2 span{color:#f68800}
#advantages h2{margin-bottom:6px}
.bonus-row{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1fr);align-items:center;gap:8px 36px;margin:6px 0;padding:22px 28px;border-radius:28px;background:#f68800;color:#111}
.bonus-row em{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(64px,7vw,92px);font-weight:700;font-style:normal;letter-spacing:-.06em;line-height:.85}
.bonus-row strong{display:block;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(26px,2.6vw,36px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.bonus-row div span{display:block;margin-top:8px;font-size:17px;font-weight:700}
.bonus-row em span{display:inline;margin:0;font:inherit;letter-spacing:inherit}
.stories{display:grid}
.story{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1fr);align-items:center;gap:12px 36px;padding:10px 0}
.story-flip{grid-template-columns:minmax(0,1fr) minmax(240px,.82fr)}
.story-flip img{order:2}
.story img{width:100%;height:300px;object-fit:contain;object-position:center}
.story strong{display:block;margin-bottom:10px;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(26px,2.6vw,36px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.story p{margin:0;max-width:460px;color:#c8c8c8;font-size:17px}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;gap:18px}
.ways article{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:12px 14px 12px 8px;border:1px solid #f68800;border-radius:22px;background:transparent;text-align:left}
.ways img{width:140px;height:140px;flex:0 0 140px;object-fit:contain;object-position:left center}
.ways article > div{min-width:0}
.ways strong{display:block;margin:0;font-family:Unbounded,Manrope,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em;text-align:left}
.ways p{margin:4px 0 0;color:#b5b5b5;font-size:15px;font-weight:600;line-height:1.35;text-align:left}
.rates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rate-head{grid-column:1 / -1;margin-bottom:2px}
.rate-head h2{margin-bottom:14px}
.rate-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:4px}
.rate-bonus,.rate-sample{display:flex;align-items:center;margin:0;min-height:64px;border-radius:18px}
.rate-bonus{gap:12px;padding:10px 16px 10px 14px;background:#f68800;color:#111;font-size:16px;font-weight:800}
.rate-bonus em{font-family:Unbounded,Manrope,sans-serif;font-style:normal;font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.rate-bonus em span{display:inline;font:inherit;letter-spacing:inherit}
.rate-sample{padding:10px 18px;border:1px solid #f68800;color:#fff;font-size:16px;font-weight:700}
.rate-sample b{margin:0 4px;color:#f68800;font-weight:800}
.rate{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #2a2a2a;border-radius:22px;background:#141414}
.rate img{width:72px;height:72px;flex:0 0 72px;object-fit:contain}
.rate small{display:block;color:#9a9a9a;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.rate b{display:block;margin-top:2px;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.rate b em{color:#f68800;font-style:normal}
.rate-for{display:block;margin-top:6px;color:#b5b5b5;font-size:13px;font-weight:700}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding-top:8px}
.split p{margin:0 0 12px;color:#c8c8c8;font-size:17px}
.contact-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.15fr);gap:8px 20px;align-items:center;padding:12px 28px 12px 8px;border:1px solid #f68800;border-radius:28px;background:transparent}
.contact-card img{width:100%;height:340px;object-fit:contain}
.contacts h2{margin-bottom:8px}
.contacts .lead{margin:0 0 16px;max-width:520px;color:#c8c8c8}
.contact-points{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 20px;padding:0;list-style:none}
.contact-points li{display:flex;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:600}
.contact-points svg{width:26px;height:26px;flex:0 0 26px;color:#f68800;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.contact-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.contact-tg{min-height:56px;padding:6px 6px 6px 22px;gap:14px}
.contact-tg svg,.footer-tg svg{order:2;width:42px;height:42px;flex:0 0 42px;padding:12px;border-radius:50%;background:#111;color:#fff;box-sizing:border-box}
footer{border-top:1px solid #242424;padding:36px 0 28px}
.footer-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 48px;padding-bottom:26px;border-bottom:1px solid #242424}
.footer-logo{grid-column:1;justify-self:start}
.footer-logo img{width:44px;height:44px}
.footer-cta p{grid-column:1;margin:16px 0 0;max-width:740px;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(28px,3.1vw,42px);font-weight:700;line-height:1.12;letter-spacing:-.04em;color:#fff}
.footer-cta p span{color:#f68800}
.footer-tg{grid-column:2;grid-row:1 / span 2;align-self:end;min-height:56px;padding:6px 6px 6px 22px;gap:14px;font-size:15px}
.footer-end{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:16px}
.footer-end small{color:#8a8a8a;font-size:12px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0}
.footer-links a{color:#9a9a9a;font-size:13px;font-weight:700}
.footer-links a:hover{color:#f68800}
.page{padding:42px 0 72px}
.page h1{font-size:clamp(36px,4vw,52px);margin-bottom:18px}
.page p,.page li{color:#cfcfcf;font-size:16.5px}
.page a{color:#f68800;font-weight:800}
.calc-box{margin-top:18px;padding:26px;border:0;border-radius:28px;background:#f68800;color:#111}
.calc-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:14px}
.calc-field{min-width:0}
.calc-label{display:block;margin:0 0 8px 4px;color:#111;font-size:13px;font-weight:700}
.calc-input{display:flex;align-items:center;gap:10px;height:74px;padding:0 8px 0 18px;border:0;border-radius:20px;background:#fff}
.calc-input:focus-within{box-shadow:inset 0 0 0 2px #111}
.calc-input input,.calc-input output{flex:1;min-width:0;width:100%;padding:0;border:0;background:none;color:#111;font:inherit;font-size:28px;font-weight:800;letter-spacing:-.03em;outline:none;caret-color:#111}
.calc-input select{--cur:none;flex:0 0 auto;height:50px;padding:0 34px 0 46px;border:1px solid #f0e2cf;border-radius:999px;background:var(--cur) left 8px center/30px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/14px no-repeat,#fff;color:#111;font:inherit;font-size:15px;font-weight:800;cursor:pointer;appearance:none}
.calc-input select option{color:#111;background:#fff}
.calc-input select[data-cur=USDT]{--cur:url(/assets/coin-usdt.png?v=2)}
.calc-input select[data-cur=USD]{--cur:url(/assets/coin-usd.png?v=2)}
.calc-input select[data-cur=EUR]{--cur:url(/assets/coin-eur.png?v=2)}
.calc-swap{display:grid;place-items:center;width:52px;height:52px;margin-bottom:11px;padding:0;border:0;border-radius:50%;background:#111;color:#fff;cursor:pointer}
.calc-swap svg{width:22px;height:22px}
.calc-swap:hover{background:#fff;color:#f68800}
.calc-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}
.calc-rate{display:flex;flex-direction:column;gap:4px;margin:0}
.calc-rate span{color:#111;font-size:13px;font-weight:700}
.calc-rate b{color:#111;font-size:18px;letter-spacing:-.02em}
.calc-badge{align-self:flex-start;margin-top:4px;padding:5px 12px;border-radius:999px;background:#111;color:#fff;font-size:13px;font-style:normal;font-weight:800}
.calc-badge.is-fee{background:#fff;color:#111}
.calc-cta,.split-cta{justify-content:space-between;gap:16px;min-width:0;min-height:56px;padding:6px 6px 6px 22px}
.calc-cta span,.split-cta span{min-width:0;line-height:1.15}
.calc-cta{flex-shrink:1;background:#111;color:#fff}
.calc-cta:hover{background:#000}
.calc-cta i,.split-cta i{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%}
.calc-cta i{background:#f68800;color:#111}
.split-cta{width:100%;background:#111;color:#fff}
.split-cta:hover{background:#000}
.split-cta i{background:#f68800;color:#111}
.calc-cta svg,.split-cta svg{width:18px;height:18px}
.calc-note{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:12px;margin:16px 0 0;padding:10px 14px;border:1px solid #11111122;border-radius:16px;color:#111;font-size:14px;font-weight:600}
.calc-note::before{content:"";flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f68800' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.2v.1'/%3E%3C/svg%3E") center/14px no-repeat}
@media(max-width:860px){
  .wrap{width:min(1120px,calc(100% - 32px))}
  header .wrap{height:72px}
  .logo img{width:40px;height:40px}
  .word{font-size:15px}
  .word i{font-size:9px;letter-spacing:.16em}
  .nav{gap:8px}
  .nav > a:not(.button){display:none}
  .lang{height:36px}
  .lang a{height:28px;min-width:32px;padding:0 8px}
  .header-tg{width:40px;height:40px;min-height:40px;padding:0}
  .header-tg span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hero{grid-template-columns:minmax(0,1fr);padding:22px 0 8px;gap:16px}
  .hero > div:not(.hero-visual){display:contents}
  .hero .where{order:1;justify-self:start;width:max-content;max-width:100%}
  .hero h1{order:2;margin-bottom:2px;min-width:0;max-width:100%;font-size:clamp(32px,8.2vw,42px);letter-spacing:-.05em;line-height:1.02}
  .hero-visual{order:3;justify-content:center;min-width:0}
  .hero .lead{order:4;margin-top:0;min-width:0;max-width:100%}
  .hero-actions{order:5;margin-top:4px;min-width:0}
  .hero-visual img{width:min(86%,320px);margin:0 auto}
  h1{font-size:clamp(40px,11vw,56px)}
  .rates,.split,.ways,.contact-points,.contact-card,.rate-meta{grid-template-columns:1fr}
  .rate img{width:60px;height:60px;flex-basis:60px}
  .contact-card{padding:8px 16px 20px}
  .contact-tg{width:100%;justify-content:space-between}
  .contact-card img{height:220px}
  .bonus-row{grid-template-columns:1fr;gap:4px;padding:18px 18px 20px}
  .bonus-row em{font-size:56px}
  .story,.story-flip{grid-template-columns:1fr;gap:4px}
  .story-flip img{order:0}
  .story img{height:220px}
  .ways article{padding:10px 12px 10px 6px}
  .ways img{width:120px;height:120px;flex-basis:120px}
  .ways strong{font-size:18px}
  section{padding:42px 0}
  .footer-cta{grid-template-columns:1fr;gap:16px;padding-bottom:20px}
  .footer-cta p{margin-top:12px;font-size:clamp(24px,6.4vw,32px)}
  .footer-tg{grid-column:1;grid-row:auto;width:100%;justify-content:space-between}
  .footer-end{align-items:flex-start;flex-direction:column}
  .calc-fields{grid-template-columns:minmax(0,1fr);gap:8px}
  .calc-swap{justify-self:center;width:48px;height:48px;margin:2px 0}
  .calc-input{height:66px}
  .calc-input input,.calc-input output{font-size:24px}
  .calc-box{padding:18px}
  .calc-foot{flex-direction:column;align-items:stretch}
  .calc-cta,.split-cta{width:100%;gap:10px;padding:8px 8px 8px 16px;font-size:15px}
  .calc-cta i,.split-cta i{width:38px;height:38px;flex-basis:38px}
}
