/* =========================================================
   USDT THEME — подключать ПОСЛЕДНИМ (после bootstrap, style, custom, faq, cover, ion.rangeSlider)
   Заголовки: Roboto | Основной текст: Arial
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500;700;900&display=swap");

:root{
  --usdt:#26A17B;
  --usdt-dark:#1B7F60;
  --usdt-deep:#0E3B30;
  --usdt-ink:#12302A;
  --usdt-soft:#E4F4EE;
  --usdt-mist:#F3F8F6;
  --usdt-line:#CFE5DD;
  --usdt-gold:#F2B84B;
  --usdt-white:#FFFFFF;
  --radius-s:6px;
  --radius-m:14px;
  --radius-pill:999px;
  --shadow-card:0 1px 0 var(--usdt-line),0 18px 40px -22px rgba(14,59,48,.35);
}

/* ---------- Базовая типографика ---------- */
html{scroll-behavior:smooth}
body{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:16px;
  line-height:1.65;
  color:var(--usdt-ink)!important;
  background-color:var(--usdt-mist)!important;
  background-image:
    radial-gradient(circle at 12% -10%,rgba(38,161,123,.18),transparent 45%),
    radial-gradient(circle at 100% 30%,rgba(38,161,123,.10),transparent 40%)!important;
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.faq-title,.step-progress strong{
  font-family:Roboto,Arial,sans-serif!important;
  color:var(--usdt-deep);
  letter-spacing:-.02em;
  line-height:1.18;
}
h1,.h1{
  font-weight:900;
  font-size:clamp(1.9rem,4.2vw,3rem);
  margin:48px 0 28px;
  text-align:center;
  color:var(--usdt-deep);
}
h2,.h2{font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);margin:2.2rem 0 1rem}
h3,.h3{font-weight:700;font-size:clamp(1.2rem,2.2vw,1.5rem);margin:1.8rem 0 .8rem}
h4,h5,h6{font-weight:500}
p,li,span,label,input,button,select,textarea,td,th{font-family:Arial,Helvetica,sans-serif}
p{margin-bottom:1.1rem}
a{color:var(--usdt-dark);text-decoration-color:rgba(38,161,123,.4);text-underline-offset:3px;transition:color .2s}
a:hover{color:var(--usdt);text-decoration-color:var(--usdt)}
::selection{background-color:var(--usdt)!important;color:#fff!important}
:focus-visible{outline:3px solid var(--usdt-gold)!important;outline-offset:2px}

/* ---------- Навигация (cover.css) ---------- */
.nav-masthead .nav-link{
  font-family:Roboto,Arial,sans-serif;
  font-weight:500;
  padding:.5rem 1rem;
  margin-left:0!important;
  color:var(--usdt-ink);
  border:0;
  border-radius:var(--radius-pill);
  transition:background-color .2s,color .2s;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus{background-color:var(--usdt-soft);color:var(--usdt-dark);border:0}
.nav-masthead .nav-link+.nav-link{margin-left:.25rem!important}
.nav-masthead .active{background-color:var(--usdt);color:#fff!important;border:0}
.cover-container{max-width:46em}
.navbar,header{background:transparent}

/* ---------- Кнопки ---------- */
.btn,button.btn{
  font-family:Roboto,Arial,sans-serif;
  font-weight:700;
  border-radius:var(--radius-pill);
  padding:.7rem 1.6rem;
  transition:transform .15s,box-shadow .2s,background-color .2s;
}
.btn-primary,.btn-success,.btn-secondary,.btn-secondary:hover,.btn-secondary:focus{
  background-color:var(--usdt)!important;
  border-color:var(--usdt)!important;
  color:#fff!important;
  text-shadow:none;
}
.btn-primary:hover,.btn-success:hover,.btn-secondary:hover{
  background-color:var(--usdt-dark)!important;
  border-color:var(--usdt-dark)!important;
  box-shadow:0 10px 22px -10px rgba(27,127,96,.7);
  transform:translateY(-1px);
}
.btn-primary:active,.btn-success:active,.btn-secondary:active{transform:translateY(1px)}
.btn-outline-primary,.btn-outline-secondary,.btn-light{
  background:transparent;color:var(--usdt-dark);border:2px solid var(--usdt)
}
.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-light:hover{background:var(--usdt);color:#fff}

/* ---------- Формы ---------- */
.form-control,.form-select,input[type=text],input[type=number],input[type=email],input[type=url],textarea,select{
  background-color:#fff;
  color:var(--usdt-ink);
  border:2px solid var(--usdt-line);
  border-radius:var(--radius-s);
  padding:.7rem .9rem;
  transition:border-color .2s,box-shadow .2s;
}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{
  border-color:var(--usdt);
  box-shadow:0 0 0 4px rgba(38,161,123,.18);
  outline:0;
}
.form-control::placeholder{color:#7FA396}
.form-check-input:checked{background-color:var(--usdt);border-color:var(--usdt)}
.form-label,label{font-weight:700;color:var(--usdt-deep)}
input[type=color]{border-radius:var(--radius-s);border:2px solid var(--usdt-line);padding:2px}

/* ---------- Основной блок-генератор (style.css) ---------- */
#container{
  background:#fff;
  padding:56px 40px;
  margin:28px auto;
  max-width:760px;
  border:1px solid var(--usdt-line);
  border-top:6px solid var(--usdt);
  border-radius:var(--radius-m);
  box-shadow:var(--shadow-card);
}
#text{
  background-color:var(--usdt-soft);
  color:var(--usdt-deep);
  border:1px dashed var(--usdt);
  border-radius:var(--radius-s);
  padding:14px 18px;
  margin:20px 0;
  font-family:"Courier New",Courier,monospace;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.3px;
  line-height:1.5;
  box-shadow:none;
  word-break:break-all;
}
#crtyptoaddr{font-family:"Courier New",Courier,monospace;color:var(--usdt-deep);word-break:break-all}
#copy{
  background-color:var(--usdt);
  color:#fff;
  width:200px;
  min-height:48px;
  font-family:Roboto,Arial,sans-serif;
  font-size:.95rem;
  font-weight:700;
  text-transform:none;
  letter-spacing:.02em;
  border:0;
  border-radius:var(--radius-pill);
  box-shadow:0 14px 26px -14px rgba(27,127,96,.9);
  transition:background-color .2s,transform .15s;
}
#copy:hover{background-color:var(--usdt-dark);transform:translateY(-2px)}
#copy:before,#copy:after{background-color:var(--usdt-deep);color:#fff}
#copy:after{border-radius:var(--radius-s);font-family:Arial,sans-serif;font-size:.8rem}

.wrapper{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--usdt-ink);
  font-size:15px;
}
.wrapper.main-info{padding-left:0;padding-right:0}
.padding-info{padding-right:60px;padding-left:60px}
.flex-row{gap:12px;align-items:center}

/* QR-канвас / логотип */
canvas,#qrcode img,.qr-code img{
  background:#fff;
  padding:14px;
  border:2px solid var(--usdt);
  border-radius:var(--radius-m);
  box-shadow:0 18px 36px -22px rgba(14,59,48,.55);
  max-width:100%;
  height:auto;
}

/* ---------- Иконка-подсказка + tooltip ---------- */
.wrapper .icon{
  background:var(--usdt);
  color:#fff;
  border-radius:50%;
  box-shadow:0 8px 18px -8px rgba(27,127,96,.8);
}
.wrapper .tooltip{
  background:var(--usdt-deep);
  color:#fff;
  border-radius:var(--radius-s);
  padding:10px 14px;
  line-height:1.45;
  box-shadow:0 18px 30px -14px rgba(14,59,48,.7);
}
.wrapper .tooltip::before{background:var(--usdt-deep)}
.wrapper .icon:hover,
.wrapper .icon:hover .tooltip,
.wrapper .icon:hover .tooltip::before{background:var(--usdt-dark);color:#fff}
.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before{background:var(--usdt-dark);color:#fff}
.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:none}

/* ---------- Шаги (step-progress) ---------- */
.step-progress{padding-left:56px}
.step-progress::before{border-left:3px solid var(--usdt-line);left:24px}
.step-progress-item{padding-left:18px}
.step-progress-item::after{
  border:3px solid var(--usdt-line);
  background-color:#fff;
  background-image:none;
  left:-48px;
}
.step-progress-item.is-done::before{border-left:3px solid var(--usdt)}
.step-progress-item.is-done::after{
  background-image:none;
  background-color:var(--usdt);
  border-color:var(--usdt);
  content:"\2713";
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-weight:900;
  font-size:18px;
  line-height:32px;
  text-align:center;
}
.step-progress-item.current::before{border-left:3px solid var(--usdt)}
.step-progress-item.current::after{
  border:3px solid var(--usdt);
  background-color:var(--usdt-soft);
  box-shadow:0 0 0 6px rgba(38,161,123,.18);
}
.step-progress strong{color:#9DBFB3;font-size:18px;font-weight:700}
.step-progress-item.is-done strong,
.step-progress-item.current strong{color:var(--usdt-deep)}
.complete{color:var(--usdt-dark)!important}

/* ---------- Ползунок ion.rangeSlider (все скины) ---------- */
.irs{font-family:Arial,Helvetica,sans-serif}
.irs--flat .irs-line,.irs--big .irs-line,.irs--modern .irs-line,
.irs--round .irs-line,.irs--sharp .irs-line,.irs--square .irs-line{
  background:var(--usdt-soft);
  border:0;
  border-radius:var(--radius-pill);
}
.irs--flat .irs-bar,.irs--big .irs-bar,.irs--modern .irs-bar,
.irs--round .irs-bar,.irs--sharp .irs-bar,.irs--square .irs-bar{
  background:var(--usdt);
  border:0;
  box-shadow:none;
}
.irs--flat .irs-handle,.irs--big .irs-handle,.irs--modern .irs-handle,
.irs--round .irs-handle,.irs--sharp .irs-handle,.irs--square .irs-handle{
  background:#fff;
  border:4px solid var(--usdt);
  border-radius:50%;
  box-shadow:0 6px 14px -4px rgba(27,127,96,.6);
}
.irs--flat .irs-handle>i,.irs--modern .irs-handle>i,.irs--sharp .irs-handle>i{display:none}
.irs--flat .irs-handle.state_hover,.irs--flat .irs-handle:hover,
.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover,
.irs--big .irs-handle:hover,.irs--modern .irs-handle:hover,
.irs--sharp .irs-handle:hover,.irs--square .irs-handle:hover{background:var(--usdt-soft);border-color:var(--usdt-dark)}
.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single,
.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single,
.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single,
.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single,
.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single,
.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{
  background:var(--usdt-deep);
  color:#fff;
  border-radius:var(--radius-s);
  font-family:Roboto,Arial,sans-serif;
  font-weight:500;
}
.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before,
.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before,
.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before,
.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{border-top-color:var(--usdt-deep)}
.irs--flat .irs-min,.irs--flat .irs-max,.irs--big .irs-min,.irs--big .irs-max,
.irs--modern .irs-min,.irs--modern .irs-max,.irs--round .irs-min,.irs--round .irs-max,
.irs--sharp .irs-min,.irs--sharp .irs-max,.irs--square .irs-min,.irs--square .irs-max{
  background:var(--usdt-soft);
  color:var(--usdt-dark);
  opacity:1;
  border-radius:var(--radius-s);
}
.irs-grid-pol,.irs--flat .irs-grid-pol,.irs--round .irs-grid-pol{background:var(--usdt-line)}
.irs-grid-text,.irs--flat .irs-grid-text,.irs--round .irs-grid-text{color:#6E9588}
.range-wrapper{position:relative;padding:8px 0}

/* ---------- FAQ (faq.css) ---------- */
.faq-container{
  max-width:720px;
  margin:0 auto 56px;
  background:#fff;
  border:1px solid var(--usdt-line);
  border-radius:var(--radius-m);
  box-shadow:var(--shadow-card);
  overflow:hidden;
}
.faq{background:transparent;padding:24px 28px;transition:background-color .25s}
.faq:not(:first-child){border-top:1px solid var(--usdt-line)}
.faq-title{margin:0 48px 0 0;font-size:1.05rem;font-weight:700;color:var(--usdt-deep)}
.faq-text{margin:16px 0 0;line-height:1.7;color:#35574E;font-family:Arial,Helvetica,sans-serif}
.faq:hover{background-color:var(--usdt-mist)}
.faq.active{
  background-color:var(--usdt-soft);
  box-shadow:inset 5px 0 0 0 var(--usdt);
}
.faq.active .faq-title{color:var(--usdt-dark)}
.faq-toggle{
  top:20px;right:22px;
  width:34px;height:34px;
  background-color:#fff;
  border:2px solid var(--usdt-line);
  color:var(--usdt-dark);
  border-radius:50%;
  transition:transform .3s ease,background-color .2s,border-color .2s;
}
.faq.active .faq-toggle{background-color:var(--usdt);border-color:var(--usdt);color:#fff;transform:rotate(180deg)}

/* ---------- Таблицы, карточки, списки (Bootstrap) ---------- */
.card{border:1px solid var(--usdt-line);border-radius:var(--radius-m);box-shadow:var(--shadow-card);background:#fff}
.card-header{background:var(--usdt-soft);border-bottom:1px solid var(--usdt-line);font-family:Roboto,Arial,sans-serif;font-weight:700}
.list-group-item{border-color:var(--usdt-line)}
.list-group-item.active{background-color:var(--usdt);border-color:var(--usdt)}
.table{--bs-table-bg:transparent;color:var(--usdt-ink)}
.table thead th{background:var(--usdt-deep);color:#fff;font-family:Roboto,Arial,sans-serif;border:0}
.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:var(--usdt-mist)}
.alert{border-radius:var(--radius-s);border:1px solid var(--usdt-line);background:var(--usdt-soft);color:var(--usdt-deep)}
.badge,.bg-primary{background-color:var(--usdt)!important}
.text-primary{color:var(--usdt)!important}
.border-primary{border-color:var(--usdt)!important}
blockquote{border-left:5px solid var(--usdt);background:var(--usdt-soft);padding:14px 20px;border-radius:0 var(--radius-s) var(--radius-s) 0}
hr{border-color:var(--usdt-line);opacity:1}
img{max-width:100%;height:auto}

/* ---------- Подвал ---------- */
footer,.mastfoot{color:#4F7468;border-top:1px solid var(--usdt-line);padding-top:20px;margin-top:40px}

/* ---------- Адаптив ---------- */
@media(max-width:1040px){
  .wrapper .icon .tooltip{right:0}
  .wrapper .icon .tooltip::before{left:auto;right:17px}
  .wrapper .icon:hover .tooltip{transform:translateY(calc(-100% - 10px));top:0;height:auto}
}
@media(max-width:768px){
  body{font-size:15px}
  #container{padding:36px 16px;margin:16px 10px;border-radius:var(--radius-s)}
  #text{padding:12px 10px;margin:14px 0;font-size:.9rem}
  #crtyptoaddr{font-size:calc(.7rem + .6vw)}
  #copy{width:100%}
  .padding-info{padding-left:20px;padding-right:40px}
  .wrapper .tooltip{width:250px}
  .wrapper .icon{width:34px;height:34px;bottom:0;right:-45px}
  .irs-grid-text{font-size:7px}
  .faq{padding:18px 16px}
  .faq-title{font-size:.98rem;margin-right:42px}
  .faq-toggle{top:14px;right:12px}
  .faq-container{margin-bottom:28px;border-radius:var(--radius-s)}
  h1,.h1{margin:32px 0 20px}
}

/* ---------- Доступность ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* ---------- Главная страница: раскладка + оформление ---------- */
body{
  text-align:center;
  margin:0;
  padding:0;
}
.container{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:1100px;
  padding-top:20px;
  padding-bottom:40px;
}
.options{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:20px;
}
.option{
  cursor:pointer;
  text-decoration:none;
  font-family:Roboto,Arial,sans-serif;
  font-weight:700;
  color:var(--usdt-deep);
  background-color:#fff;
  border:2px solid var(--usdt-line);
  border-radius:var(--radius-pill);
  padding:12px 26px;
  box-shadow:0 10px 24px -16px rgba(14,59,48,.5);
  transition:background-color .2s,border-color .2s,color .2s,transform .15s;
}
.option:hover{
  background-color:var(--usdt);
  border-color:var(--usdt);
  color:#fff;
  transform:translateY(-2px);
}
.option:focus-visible{
  outline:3px solid var(--usdt-gold);
  outline-offset:3px;
}
.seo-text{
  margin:20px;
  max-width:860px;
  font-size:16px;
  line-height:1.75;
  text-align:left;
  color:#35574E;
  background:#fff;
  border:1px solid var(--usdt-line);
  border-left:5px solid var(--usdt);
  border-radius:var(--radius-m);
  padding:28px 32px;
  box-shadow:var(--shadow-card);
}
.seo-text h1,.seo-text h2,.seo-text h3{
  text-align:left;
  margin-top:1.6rem;
}
.seo-text h1:first-child,.seo-text h2:first-child{margin-top:0}

@media(max-width:768px){
  .container{padding:20px 10px 40px}
  .options{flex-direction:column;gap:10px;width:100%}
  .option{width:100%;box-sizing:border-box;font-size:16px;text-align:center}
  header div{margin:20px 0}
  .logo img{width:140px}
  .seo-text{padding:20px 16px;margin:16px 10px}
  .seo-text h1,.seo-text h2,.seo-text h3,.seo-text p{font-size:90%;padding:0 10px}
}

/* ---------- Уменьшение пробела между логотипом и заголовком ---------- */
h1,.h1{
  margin-top:12px!important;
  margin-bottom:20px!important;
}
header,header div,.logo{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.logo img,header img{
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
}
.cover-container{
  padding-top:0!important;
}