/* LANDANzzz — общие стили /get и /pay (и база для визитки). Без внешних ресурсов, без inline-стилей.
   Шрифты: сначала woff2 (подмножество кириллица+латиница, см. README), затем TTF как запасной вариант. */
@font-face{font-family:"Russo One";src:url("/fonts/RussoOne-Regular.woff2") format("woff2"),url("/fonts/RussoOne-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("/fonts/Montserrat.woff2") format("woff2"),url("/fonts/Montserrat.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Unbounded";src:url("/fonts/Unbounded.woff2") format("woff2"),url("/fonts/Unbounded.ttf") format("truetype");font-weight:200 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}

/* ---------- Токены: светлая тема ---------- */
:root{
  --font-head:"Russo One",system-ui,sans-serif;
  --font-body:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-num:Unbounded,system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono","Roboto Mono",monospace;
  --ink:#14161C; --white:#FFFFFF;
  --gold-1:#FFEC96; --gold-2:#FFC428; --gold-3:#D6820A;
  --gold-grad:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 52%,var(--gold-3) 100%);
  --skew:-18deg; --unskew:18deg;
  --bg:#F2F3F5; --surface:#FFFFFF; --surface-2:#F5F6F8;
  --line:#E2E4E9; --line-2:#858B9A;
  --text:#14161C; --text-2:#3F4452; --text-3:#5F6573;
  --gold-text:#8A5A00;
  --ok:#137A48; --ok-bg:#E4F3EA;
  --warn-bg:#FFF3D1; --warn-line:#C98A12;
  --bad:#B42318; --bad-bg:#FDECEA;
  --focus:#14161C; --plate:#14161C; --ink-line:#14161C;
  --shadow:0 1px 2px rgba(20,22,28,.05),0 8px 24px rgba(20,22,28,.06);
  --shadow-gold:inset 0 1px 0 rgba(255,255,255,.55),0 2px 10px rgba(214,130,10,.25);
  --r-sm:10px; --r-md:12px; --r-lg:14px; --r-xl:16px;
  --pad:clamp(14px,4.4vw,24px);
  --gap:clamp(14px,3.2vw,22px);
  --col:560px; --site:1200px;
  --tap:44px; --btn-h:52px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#14161C; --surface:#1C1F27; --surface-2:#232732; --line:#2C313D; --line-2:#6B7282;
    --text:#F4F5F7; --text-2:#C3C8D2; --text-3:#9CA2B0; --gold-text:#FFC428;
    --ok:#4BD68F; --ok-bg:rgba(75,214,143,.12); --warn-bg:rgba(255,196,40,.10); --warn-line:rgba(255,196,40,.55);
    --bad:#FF8A7E; --bad-bg:rgba(255,138,126,.10); --focus:#FFC428; --plate:#2B2F3B; --ink-line:#2C313D; --shadow:none; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#14161C; --surface:#1C1F27; --surface-2:#232732; --line:#2C313D; --line-2:#6B7282;
  --text:#F4F5F7; --text-2:#C3C8D2; --text-3:#9CA2B0; --gold-text:#FFC428;
  --ok:#4BD68F; --ok-bg:rgba(75,214,143,.12); --warn-bg:rgba(255,196,40,.10); --warn-line:rgba(255,196,40,.55);
  --bad:#FF8A7E; --bad-bg:rgba(255,138,126,.10); --focus:#FFC428; --plate:#2B2F3B; --ink-line:#2C313D; --shadow:none; color-scheme:dark;
}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.5 var(--font-body);-webkit-font-smoothing:antialiased}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
a{color:var(--text)} a:hover{color:var(--gold-text)}
button,a{-webkit-tap-highlight-color:transparent}
svg.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
svg.i--sm{width:18px;height:18px} svg.i--lg{width:24px;height:24px} svg.i--xl{width:36px;height:36px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0}
.wrap-any{overflow-wrap:anywhere}

/* ---------- Каркас ---------- */
.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;
  padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.col{width:100%;max-width:var(--col);flex:1;display:flex;flex-direction:column;gap:var(--gap)}
.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:clamp(4px,2vw,20px)}
.header__end{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.main{display:flex;flex-direction:column;gap:var(--gap)}
.footer{margin-top:auto;padding-top:clamp(20px,6vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.8125rem;color:var(--text-3);font-variant-numeric:tabular-nums}
.stack{display:flex;flex-direction:column;gap:12px}
.stack--sm{gap:6px}
.row-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:clamp(0px,2vw,16px)}
.row-title__main{display:flex;align-items:center;gap:12px;min-width:0}
.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.center{align-items:center;text-align:center}
.pad-top{padding-top:clamp(8px,5vw,40px)}
.pad-top-lg{padding-top:clamp(16px,8vw,64px)}
.fill{flex:1;justify-content:center;padding:clamp(32px,10vw,96px) 0}

/* ---------- Состояния ----------
   Каждое состояние — <div class="view" data-view="…">, варианты товара — <div class="view" data-for-kind="…">,
   сети оплаты — data-for-net. Скрываются только неподходящие блоки; видимые остаются обычными flex-колонками.
   На сервере можно выводить только нужные блоки: вид совпадёт. */
.view{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.view--tight{gap:12px}
.view--row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
body[data-state="enter"] [data-view]:not([data-view~="enter"]),
body[data-state="enter-error"] [data-view]:not([data-view~="enter-error"]),
body[data-state="ratelimit"] [data-view]:not([data-view~="ratelimit"]),
body[data-state="checking"] [data-view]:not([data-view~="checking"]),
body[data-state="issuing"] [data-view]:not([data-view~="issuing"]),
body[data-state="issuing-long"] [data-view]:not([data-view~="issuing-long"]),
body[data-state="issued"] [data-view]:not([data-view~="issued"]),
body[data-state="earlier"] [data-view]:not([data-view~="earlier"]),
body[data-state="notfound"] [data-view]:not([data-view~="notfound"]),
body[data-state="manual"] [data-view]:not([data-view~="manual"]),
body[data-state="manual-id"] [data-view]:not([data-view~="manual-id"]),
body[data-state="manual-invite"] [data-view]:not([data-view~="manual-invite"]),
body[data-state="form"] [data-view]:not([data-view~="form"]),
body[data-state="ggsel"] [data-view]:not([data-view~="ggsel"]),
body[data-state="sent"] [data-view]:not([data-view~="sent"]),
body[data-state="select"] [data-view]:not([data-view~="select"]),
body[data-state="select-few"] [data-view]:not([data-view~="select-few"]),
body[data-state="select-bot"] [data-view]:not([data-view~="select-bot"]),
body[data-state="select-fail"] [data-view]:not([data-view~="select-fail"]),
body[data-state="wait"] [data-view]:not([data-view~="wait"]),
body[data-state="wait-late"] [data-view]:not([data-view~="wait-late"]),
body[data-state="cryptobot"] [data-view]:not([data-view~="cryptobot"]),
body[data-state="paid"] [data-view]:not([data-view~="paid"]),
body[data-state="paid-noreturn"] [data-view]:not([data-view~="paid-noreturn"]),
body[data-state="expired"] [data-view]:not([data-view~="expired"]),
body[data-state="error"] [data-view]:not([data-view~="error"]),
body[data-kind="code"] [data-for-kind]:not([data-for-kind~="code"]),
body[data-kind="codes"] [data-for-kind]:not([data-for-kind~="codes"]),
body[data-kind="key"] [data-for-kind]:not([data-for-kind~="key"]),
body[data-kind="id"] [data-for-kind]:not([data-for-kind~="id"]),
body[data-kind="login"] [data-for-kind]:not([data-for-kind~="login"]),
body[data-kind="username"] [data-for-kind]:not([data-for-kind~="username"]),
body[data-kind="link"] [data-for-kind]:not([data-for-kind~="link"]),
body[data-kind="account"] [data-for-kind]:not([data-for-kind~="account"]),
body[data-kind="gift"] [data-for-kind]:not([data-for-kind~="gift"]),
body[data-net="trc20"] [data-for-net]:not([data-for-net~="trc20"]),
body[data-net="bsc"] [data-for-net]:not([data-for-net~="bsc"]),
body[data-net="polygon"] [data-for-net]:not([data-for-net~="polygon"]),
body[data-net="arbitrum"] [data-for-net]:not([data-for-net~="arbitrum"]),
body[data-net="avalanche"] [data-for-net]:not([data-for-net~="avalanche"]),
body[data-net="solana"] [data-for-net]:not([data-for-net~="solana"]),
body[data-net="ton"] [data-for-net]:not([data-for-net~="ton"]){display:none}

/* ---------- Логотип (на /get и /pay — не ссылка) ---------- */
.logo{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none}
.logo__slash{display:block;width:5px;height:27px;margin-right:4px;background:var(--gold-grad);transform:skewX(var(--skew))}
.logo__plate{display:block;padding:6px 12px 5px 10px;background:var(--plate);transform:skewX(var(--skew))}
.logo__text{display:block;transform:skewX(var(--unskew));font:400 1.0625rem/1.1 var(--font-head);color:var(--white)}
.logo--sm{min-height:0;margin:10px 0 0 2px}
.logo--sm .logo__slash{width:4px;height:22px;margin-right:3px}
.logo--sm .logo__plate{padding:4px 10px 3px 8px;background:#0A0B0E}
.logo--sm .logo__text{font-size:.8125rem}
.host{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:.8125rem;font-weight:600}
@media (max-width:399px){.host{display:none}}

/* Переключатель языка */
.lang{display:flex;padding:2px;border-radius:var(--r-sm);border:1px solid var(--line-2)}
.lang a{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);border-radius:8px;color:var(--text-2);font-size:.8125rem;font-weight:700;text-decoration:none}
.lang a[aria-current="true"]{background:var(--plate);color:var(--white)}

/* ---------- Типографика ---------- */
.h1{margin:0;font:400 clamp(1.5rem, 1.25rem + 1.6vw, 2.125rem)/1.12 var(--font-head);text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.h1--lg{font-size:clamp(1.625rem, 1.35rem + 1.8vw, 2.375rem)}
.h2{margin:0;font:400 1.25rem/1.2 var(--font-head);overflow-wrap:break-word}
.label{margin:0;font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2)}
.muted{color:var(--text-2)}
.small{font-size:.875rem;line-height:1.5}
.lead{font-size:1.0625rem;font-weight:700;line-height:1.45}
.mono{font-family:var(--font-mono);font-weight:600;font-variant-numeric:slashed-zero;letter-spacing:.03em}
.num{font-family:var(--font-num);font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- Карточки ---------- */
.card{display:flex;flex-direction:column;gap:14px;padding:var(--pad);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);min-width:0}
.card--flush{padding:0;gap:0;overflow:hidden;border-radius:var(--r-xl)}
.card--gold{border:1.5px solid var(--gold-2)}
.card__part{padding:16px var(--pad);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}
.card__part:first-child{border-top:0}
.tile{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);font-size:.9375rem;line-height:1.5}
.tile .i{margin-top:1px;color:var(--gold-text)}
.tile p{overflow-wrap:anywhere}

/* Плашка «Важно» — ограничения товара, 1–3 пункта */
.plate{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--warn-line);background:var(--warn-bg)}
.plate > .i{margin-top:1px;color:var(--gold-text)}
.plate__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.plate__title{font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-text)}
.plate ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.plate li{position:relative;padding-left:14px;font-size:.9375rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.plate li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:var(--gold-3);transform:skewX(var(--skew))}

/* ---------- Кнопки ---------- */
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:var(--btn-h);padding:12px 20px;border:0;border-radius:var(--r-sm);
  font:700 1rem/1.25 var(--font-body);text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn--primary{background:var(--gold-grad);color:var(--ink);box-shadow:var(--shadow-gold)}
.btn--primary:hover{filter:brightness(1.05);color:var(--ink)} .btn--primary:active{filter:brightness(.93)}
.btn--secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--line-2)}
.btn--secondary:hover{border-color:var(--text);color:var(--text)} .btn--secondary:active{background:var(--surface-2)}
.btn--sm{width:auto;flex:none;min-height:var(--tap);min-width:var(--tap);padding:8px 14px;font-size:.875rem;gap:8px}
.btn--link{width:auto;align-self:center;min-height:var(--tap);padding:8px 12px;background:none;color:var(--text-2);font-weight:600;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.btn--link:hover{color:var(--text)}
.btn--ghost{width:auto;min-height:var(--tap);padding:8px 14px;background:transparent;border:1.5px solid var(--line-2);color:var(--text);font-size:.875rem;font-weight:600}
.back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:8px 12px 8px 0;color:var(--text-2);font-size:.9375rem;font-weight:600;text-decoration:none}
.back:hover{color:var(--text)}
/* Копирование: .copy[data-copy] → data-copied="true" на 2 секунды */
.copy .when-idle,.copy .when-copied{display:inline-flex;align-items:center;gap:inherit}
.copy .when-copied{display:none}
.copy[data-copied="true"] .when-idle{display:none}
.copy[data-copied="true"] .when-copied{display:inline-flex}
.copy[data-copied="true"]{background:var(--ok-bg);color:var(--ok);box-shadow:inset 0 0 0 1.5px var(--ok);border-color:var(--ok);filter:none}

/* ---------- Бейджи и статусы ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}
.icon-circle{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%}
.icon-circle--ok{background:var(--ok-bg);color:var(--ok)}
.icon-circle--wait{background:var(--warn-bg);color:var(--gold-text)}
.icon-circle--neutral{border:1px solid var(--line-2);background:var(--surface);color:var(--text-2)}
.icon-circle--tg{background:#2AABEE;color:#fff}
.icon-circle--lg{width:52px;height:52px}
.icon-circle--xl{width:72px;height:72px;box-shadow:inset 0 0 0 2px var(--ok)}
.status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:12px var(--pad);border-bottom:1px solid var(--line);background:var(--surface-2);font-size:.9375rem}
.status__live{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.status__timer{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.3em;color:var(--text-2)}
.dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 4px rgba(255,196,40,.22);animation:lz-pulse 1.4s ease-in-out infinite}
.timer{font:600 1em var(--font-num);color:var(--text);font-variant-numeric:tabular-nums}
.timer-line{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:.9375rem}
/* Меньше 2 минут: data-warn="true" на .bill (или состояние wait-late) */
.bill[data-warn="true"] .status,body[data-state="wait-late"] .bill .status{background:var(--bad-bg);border-bottom-color:var(--bad)}
.bill[data-warn="true"] .timer,body[data-state="wait-late"] .bill .timer{color:var(--bad)}
.loader{display:flex;align-items:center;gap:7px;height:40px}
.loader span{display:block;width:11px;height:40px;background:var(--gold-grad);transform:skewX(var(--skew));animation:lz-pulse 1.2s ease-in-out infinite}
.loader span:nth-child(2){animation-delay:.16s} .loader span:nth-child(3){animation-delay:.32s}
.progress{position:relative;height:6px;border-radius:3px;overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.progress::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:3px;background:linear-gradient(90deg,var(--gold-1),var(--gold-2) 50%,var(--gold-3));animation:lz-slide 1.8s ease-in-out infinite}
@keyframes lz-pulse{0%,100%{opacity:.28}50%{opacity:1}}
@keyframes lz-slide{from{transform:translateX(-110%)}to{transform:translateX(280%)}}
@media (prefers-reduced-motion:reduce){.dot,.loader span,.progress::after{animation-duration:3s}}

/* ---------- Карточка товара ---------- */
.product{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:var(--pad);border-radius:var(--r-xl);border:1px solid var(--ink-line);
  background:radial-gradient(90% 130% at 100% 0%,rgba(255,196,40,.2) 0%,rgba(255,196,40,0) 60%),linear-gradient(155deg,#20232C 0%,#14161C 55%);color:var(--white)}
.product::before,.product::after{content:"";position:absolute;z-index:-1;top:-20%;height:140%;transform:skewX(var(--skew))}
.product::before{right:15%;width:36px;background:linear-gradient(180deg,rgba(255,236,150,.15),rgba(214,130,10,.03))}
.product::after{right:6%;width:12px;background:rgba(255,196,40,.1)}
.product__brand{display:flex;align-items:center;margin-left:4px;max-width:100%}
.product__brand b{display:block;min-width:0;padding:5px 12px 4px;background:#0A0B0E;transform:skewX(var(--skew))}
.product__brand b span{display:block;transform:skewX(var(--unskew));font:400 .9375rem/1.15 var(--font-head);letter-spacing:.02em;text-transform:uppercase;color:var(--gold-2);overflow-wrap:anywhere}
.product__brand i{display:block;flex:none;width:5px;height:25px;margin-left:4px;background:var(--gold-grad);transform:skewX(var(--skew))}
.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.product__big{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .22em;max-width:100%;font-family:var(--font-head);line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}
.product__num{font-size:clamp(2.5rem, 2rem + 4.4vw, 4rem);font-variant-numeric:tabular-nums}
.product__unit{font-size:clamp(1.375rem, 1.1rem + 2.2vw, 2.125rem);overflow-wrap:anywhere}
.product__title{max-width:100%;font:400 clamp(1.5rem, 1.2rem + 2.4vw, 2.375rem)/1.05 var(--font-head);text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}
.chips{display:flex;flex-wrap:wrap;gap:8px 10px;margin-left:4px}
.chip{display:block;padding:4px 10px 3px;background:var(--white);transform:skewX(var(--skew))}
.chip span{display:block;transform:skewX(var(--unskew));font:400 .8125rem/1.2 var(--font-head);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
/* Телефон горизонтально: компактная карточка, чтобы код был на первом экране */
@media (max-height:500px){
  .product{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px}
  .product__num{font-size:2.25rem} .product__unit{font-size:1.375rem} .product__title{font-size:1.5rem}
  .product .logo--sm{display:none}
  .row-title{padding-top:0}
  .col{gap:12px}
  .header{padding-top:0}
  .header .btn--ghost{min-height:40px}
  .row-title .icon-circle{width:32px;height:32px}
  .h1{font-size:1.375rem}
  .plate{padding:8px 12px;gap:8px}
  .plate > .i{width:18px;height:18px}
  .plate__title{display:none}
  .plate li{font-size:.8125rem}
  .card{padding:12px 16px;gap:10px}
  .code--lg{padding:10px 12px;font-size:1.25rem}
}

/* ---------- Код, ключ, адрес ---------- */
.code{display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-weight:600;font-variant-numeric:slashed-zero;-webkit-user-select:all;user-select:all}
.code > span{white-space:nowrap} /* группа символов никогда не разрывается */
.code--spaced{gap:0 .5em}        /* код без дефисов: группы по 4 визуально, копируется слитно */
.code--lg{justify-content:center;padding:18px 12px;border-radius:var(--r-md);border:1.5px dashed var(--line-2);background:var(--surface-2);font-size:clamp(1.125rem,5.2vw,1.75rem);line-height:1.35;letter-spacing:.06em;text-align:center}
.code--row{min-width:0;font-size:clamp(1rem, .95rem + .4vw, 1.125rem);line-height:1.4;letter-spacing:.03em}
.code--addr{gap:0 .45em;padding:12px 14px;border-radius:var(--r-sm);border:1.5px dashed var(--line-2);background:var(--surface-2);font-size:clamp(.9375rem, .85rem + .5vw, 1.0625rem);line-height:1.55;letter-spacing:.02em}
.code--link{padding:14px;border-radius:var(--r-sm);border:1.5px dashed var(--line-2);background:var(--surface-2);font-size:1rem;line-height:1.5;overflow-wrap:anywhere;word-break:break-all}
.code--plain{gap:0 .5em;font-size:1.0625rem;letter-spacing:.08em}
.codes{list-style:none;display:flex;flex-direction:column;gap:8px}
.codes li,.kv{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:10px 10px 10px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2)}
.kv__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.kv__k{font-size:.8125rem;color:var(--text-2)}
.kv__v{font:600 1.0625rem/1.4 var(--font-mono);letter-spacing:.03em;font-variant-numeric:slashed-zero;overflow-wrap:anywhere}
/* Факты зачисления: «куда зачислено» */
.facts{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.facts > div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.facts dt{color:var(--text-2)}
.facts dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere;min-width:0}
.facts dd.mono{font-weight:600}
.big-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.big-line__v{font:700 clamp(1.625rem, 1.2rem + 2.4vw, 2.25rem)/1.15 var(--font-num);font-variant-numeric:tabular-nums}
.big-line__t{font-size:1.0625rem;font-weight:600;overflow-wrap:anywhere;min-width:0}

/* ---------- Шаги «Как активировать» ---------- */
.steps{list-style:none;display:flex;flex-direction:column;gap:12px}
.steps li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}
.step-n{display:grid;place-items:center;min-width:32px;height:26px;margin:1px 0 0 4px;background:var(--plate);transform:skewX(var(--skew))}
.step-n span{transform:skewX(var(--unskew));font:600 .8125rem/1 var(--font-num);color:var(--gold-2)}

/* ---------- Формы ---------- */
.field{display:flex;flex-direction:column;gap:8px}
.field__label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:.9375rem;font-weight:700;line-height:1.35}
.field__count{font:500 .75rem var(--font-num);color:var(--text-3)}
.field__hint{font-size:.8125rem;color:var(--text-2)}
.field__opt{font-weight:500;color:var(--text-3)}
.input{width:100%;min-height:56px;padding:12px 16px;border-radius:var(--r-sm);border:1.5px solid var(--line-2);background:var(--surface-2);color:var(--text);font:600 clamp(1rem,4.4vw,1.25rem) var(--font-mono);letter-spacing:.08em;font-variant-numeric:slashed-zero}
.input::placeholder{color:var(--text-3);opacity:1}
.input[aria-invalid="true"],body[data-state="enter-error"] .input{border-color:var(--bad)}
.input[readonly]{border-color:var(--line);font-size:1.0625rem;letter-spacing:.04em}
.textarea{width:100%;min-height:112px;padding:12px 16px;border-radius:var(--r-sm);border:1.5px solid var(--line-2);background:var(--surface);color:var(--text);font:400 1rem/1.5 var(--font-body);resize:vertical}
.textarea::placeholder{color:var(--text-3);opacity:1}
.error{display:flex;align-items:flex-start;gap:8px;color:var(--bad);font-size:.875rem;font-weight:600;line-height:1.45}
.choice{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line-2);background:var(--surface);font-size:.9375rem;font-weight:600;line-height:1.35;cursor:pointer}
.choice input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--gold-3)}
.choice:has(input:checked){border-color:var(--gold-text);background:var(--warn-bg)}
.fieldset{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.fieldset legend{margin-bottom:8px;padding:0;font-size:.9375rem;font-weight:700}
.file{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 16px;border-radius:var(--r-sm);border:1.5px dashed var(--line-2);color:var(--text-2);font-size:.9375rem;font-weight:600;cursor:pointer;text-align:center}
.file:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.lock{position:relative}
.lock .input{padding-right:44px}
.lock .i{position:absolute;right:14px;top:50%;margin-top:-9px;color:var(--text-3)}

/* ---------- Оплата ---------- */
.order{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 16px;padding:12px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}
.order__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.order__name{font-size:.9375rem;color:var(--text-2);line-height:1.45}
.order__sum{font:600 1rem var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.nets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin:0}
.net{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow)}
.net:hover{border-color:var(--gold-text)} .net:active{transform:translateY(1px);background:var(--surface-2)}
.net__icon{width:40px;height:40px;flex:none}
.net__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.net__name{font-weight:700;font-size:.9375rem;line-height:1.3;overflow-wrap:anywhere}
.net__sub{font-size:.8125rem;color:var(--text-2)}
.net .i{color:var(--text-3)}
.coins{display:flex;flex-wrap:wrap;gap:4px}
.coin{padding:1px 7px;border-radius:5px;border:1px solid var(--line-2);font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--text-2)}
.coin--fee{border-color:var(--warn-line);background:var(--warn-bg);color:var(--gold-text)}
.amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.amount__num{font:700 clamp(1.75rem, 1.3rem + 3.2vw, 2.75rem)/1.05 var(--font-num);letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.amount__coin{font:400 clamp(1.125rem, .95rem + 1vw, 1.375rem)/1.2 var(--font-head);color:var(--gold-text)}
.net-big{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.net-big .net__icon{width:44px;height:44px}
.net-big__text{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.net-big__name{font:400 clamp(1.25rem, 1.05rem + 1.4vw, 1.75rem)/1.15 var(--font-head);overflow-wrap:anywhere}
.bot-name{font:400 clamp(1.25rem, 1.1rem + 1vw, 1.5rem)/1.15 var(--font-head);overflow-wrap:anywhere}
.addr{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 20px;align-items:start}
.qr{display:flex;flex-direction:column;align-items:center;gap:8px;justify-self:center;font-size:.8125rem;color:var(--text-2)}
.qr__slot,.qr svg,.qr img{display:block;width:200px;height:200px;border-radius:var(--r-md);background:#fff}
.qr__slot{display:grid;place-items:center;border:1.5px dashed #858B9A;color:#5F6573;font:.75rem/1.4 var(--font-mono);text-align:center}
.qr-fold{display:none}
.qr-fold summary{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--text-2);font-weight:700;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;list-style:none}
.qr-fold summary::-webkit-details-marker{display:none}
.qr-fold[open] summary .show,.qr-fold:not([open]) summary .hide{display:none}
@media (max-width:380px){.qr-inline{display:none}.qr-fold{display:block}}
@media (min-width:600px){.addr{grid-template-columns:minmax(0,1fr) 200px}}
.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);font-size:.9375rem;line-height:1.5}
.notice > .i{margin-top:1px;color:var(--gold-text)}
.notice__body{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.notice--warn{border:1.5px solid var(--warn-line);background:var(--warn-bg);font-weight:600}
.notice--bad{border:1.5px solid var(--bad);background:var(--bad-bg);font-weight:600}
.notice--bad > .i{color:var(--bad)}