/* Страницы сайта кроме сканера и графика: лендинг, вход, кабинет, тарифы, гайды. Цвета и шрифт — из style.css. */
.container { max-width:1080px; margin:0 auto; padding:28px 20px 56px; }
.container.narrow { max-width:460px; }
.container.mid { max-width:760px; }
h1 { font-size:28px; line-height:1.2; margin:0 0 10px; font-weight:700; }
h2 { font-size:20px; margin:28px 0 10px; font-weight:700; }
h3 { font-size:15px; margin:20px 0 8px; font-weight:700; }
p { margin:0 0 12px; font-size:14px; line-height:1.6; }
.small { font-size:12px; }
.lead { font-size:17px; color:var(--muted); line-height:1.6; max-width:640px; }
.sitefooter { border-top:1px solid var(--line); padding:20px; text-align:center; color:var(--muted); }
.sitefooter p { margin:4px 0; font-size:12px; }
.footlinks a { color:var(--text); }
.btn.primary { background:var(--accent); color:#000; border-color:var(--accent); font-weight:700; }
[data-theme="light"] .btn.primary { color:#fff; }
@media (max-width:760px) { .container { padding:20px 14px 40px; } h1 { font-size:23px; } }
.sitefooter { max-width:none; }
.qrbox { margin-bottom:16px; }

/* формы */
.card { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:22px; }
.card + .card { margin-top:16px; }
.grid3 .card, .plans .card, .guidelist .card { margin-top:0; }
.form { display:flex; flex-direction:column; gap:14px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field label { font-size:12px; color:var(--muted); font-weight:600; }
.field input[type=text], .field input[type=email], .field input[type=password], .field input[type=number], .field select, .field textarea {
  background:var(--panel2); border:1px solid var(--line2); border-radius:8px; padding:10px 12px; font-size:14px; outline:none; width:100%; }
.field input:focus, .field select:focus { border-color:var(--accent-line); }
.field .hint { font-size:11px; color:var(--dim); }
.check { display:flex; gap:8px; align-items:flex-start; font-size:13px; line-height:1.4; }
.check input { accent-color:var(--accent); margin-top:2px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:40px; padding:0 18px; border-radius:8px; background:var(--panel2); border:1px solid var(--line2); font-size:14px; font-weight:600; text-decoration:none; }
.btn:hover { border-color:var(--accent-line); }
.btn:disabled { opacity:.5; cursor:not-allowed; }
.btn.danger { color:var(--down); border-color:var(--down); background:var(--down-bg); }
.btn.small { height:30px; padding:0 12px; font-size:12px; }
.row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.alert { padding:10px 12px; border-radius:8px; font-size:13px; line-height:1.5; background:var(--panel2); border:1px solid var(--line2); }
.alert.err { background:var(--down-bg); border-color:var(--down); color:var(--text); }
.alert.ok { background:var(--up-bg); border-color:var(--up); }
.alert.info { background:var(--accent-bg); border-color:var(--accent-line); }
.formlinks { display:flex; justify-content:space-between; font-size:13px; margin-top:4px; }
.formlinks a { color:var(--accent); }
.captcha { min-height:0; }

/* кабинет */
.tabs { display:flex; flex-wrap:wrap; gap:0 4px; border-bottom:1px solid var(--line); margin:18px 0 22px; }
.tabs button { background:none; border:0; border-bottom:2px solid transparent; padding:10px 11px; font-size:14px; font-weight:600; color:var(--muted); white-space:nowrap; }
.tabs button.active { color:var(--accent); border-bottom-color:var(--accent); }
.kv { display:grid; grid-template-columns:160px 1fr; gap:8px 16px; font-size:14px; }
.kv dt { color:var(--muted); } .kv dd { margin:0; word-break:break-word; }
.qrbox { display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
.qrbox img { width:190px; height:190px; background:#fff; border-radius:8px; padding:6px; }
.secret { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:14px; background:var(--panel2); border:1px solid var(--line2); border-radius:6px; padding:6px 10px; word-break:break-all; user-select:all; }
.codes { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; margin:12px 0; }
.codes span { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:15px; background:var(--panel2); border:1px solid var(--line2); border-radius:6px; padding:8px 10px; text-align:center; user-select:all; }
table.plain { width:100%; border-collapse:collapse; font-size:13px; }
table.plain th { text-align:left; color:var(--muted); font-weight:600; padding:8px; border-bottom:1px solid var(--line); }
table.plain td { padding:8px; border-bottom:1px solid var(--line); vertical-align:top; word-break:break-word; }
.tag { display:inline-block; padding:2px 8px; border-radius:20px; font-size:11px; font-weight:700; background:var(--panel3); color:var(--muted); }
.tag.ok { background:var(--up-bg); color:var(--up); } .tag.warn { background:rgba(245,165,36,.15); color:var(--warn); } .tag.pro { background:var(--accent-bg); color:var(--accent); }

/* лендинг */
.hero { padding:56px 0 36px; }
.hero h1 { font-size:44px; letter-spacing:-.5px; max-width:780px; }
.hero h1 em { font-style:normal; color:var(--accent); }
.hero .row { margin-top:22px; }
.btn.big { height:48px; padding:0 26px; font-size:15px; }
@media (max-width:760px) { .hero { padding:30px 0 20px; } .hero h1 { font-size:30px; } }
.teaser { margin-top:30px; }
.teaser table { width:100%; border-collapse:collapse; font-size:14px; }
.teaser td, .teaser th { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; }
.teaser th { color:var(--muted); font-size:12px; font-weight:600; }
.grid3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin-top:16px; }
.feature h3 { margin-top:0; color:var(--accent); }
.feature p { color:var(--muted); margin:0; }
.plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-top:18px; }
.plan { display:flex; flex-direction:column; gap:10px; }
.plan.current { border-color:var(--accent-line); box-shadow:0 0 0 1px var(--accent-line); }
.plan .price { font-size:24px; font-weight:700; }
.plan ul { margin:0; padding-left:18px; font-size:13px; line-height:1.8; flex:1; }
.plan li.no { color:var(--dim); text-decoration:line-through; }
.locked { text-align:center; padding:36px 20px; }
.locked .big { font-size:34px; }

/* гайды */
.guidelist { display:grid; gap:12px; margin-top:16px; }
.guidecard { display:block; text-decoration:none; }
.guidecard:hover { border-color:var(--accent-line); }
.guidecard h3 { margin:0 0 6px; } .guidecard p { margin:0; color:var(--muted); }
.article h1 { margin-top:6px; }
.article h2 { margin-top:32px; } .article h3 { margin-top:24px; }
.article p, .article li { font-size:15px; line-height:1.7; }
.article ul, .article ol { padding-left:22px; margin:0 0 14px; }
.article a { color:var(--accent); }
.article code { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.9em; background:var(--panel3); padding:1px 5px; border-radius:4px; }
.article pre { background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:12px 14px; overflow:auto; margin:0 0 14px; }
.article pre code { background:none; padding:0; font-size:13px; line-height:1.55; }
.article blockquote { margin:0 0 14px; padding:10px 14px; border-left:3px solid var(--accent); background:var(--accent-bg); border-radius:0 8px 8px 0; font-size:14px; line-height:1.6; }
.article img { max-width:100%; border-radius:8px; border:1px solid var(--line); margin:4px 0 14px; }
.article hr { border:0; border-top:1px solid var(--line); margin:24px 0; }
.crumbs { font-size:13px; } .crumbs a { color:var(--muted); }

/* вспомогательные классы вместо style="" (CSP запрещает встроенные стили) */
.searchinput { flex:1; min-width:200px; background:var(--panel2); border:1px solid var(--line2); border-radius:8px; padding:9px 12px; }
.mt0 { margin-top:0; } .mt10 { margin-top:10px; } .mt14 { margin-top:14px; } .mt16 { margin-top:16px; } .mt28 { margin-top:28px; }
.m0 { margin:0; } .m0t { margin-bottom:0; margin-left:0; margin-right:0; }
.mb14 { margin-bottom:14px; } .mb16 { margin-bottom:16px; }
.centered { margin-left:auto; margin-right:auto; } .maxw520 { max-width:520px; }
.jcenter { justify-content:center; } .between { justify-content:space-between; }
.biglist { line-height:1.9; font-size:14px; margin:0; padding-left:20px; }
.fieldlite { background:var(--panel2); border:1px solid var(--line2); border-radius:6px; padding:5px 8px; font-size:12px; }

/* приглашения */
.codebox { display:grid; grid-template-columns:minmax(180px,240px) 1fr; gap:16px; margin-top:14px; }
.codecell, .linkcell { background:var(--bg); border:1px solid var(--line); border-radius:10px; padding:14px; display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.linkcell input { width:100%; }
.code { font-size:26px; letter-spacing:.08em; color:var(--accent); }
.statgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-top:16px; }
.stat { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:14px; display:flex; flex-direction:column; gap:6px; }
.stat strong { font-size:20px; }
.statgrid + .card { margin-top:16px; }
.plainlist { margin:0; padding-left:18px; display:grid; gap:6px; }
.narrowfield { width:110px; }
@media (max-width:760px) { .codebox { grid-template-columns:1fr; } }

/* оплата */
.payside { display:flex; flex-direction:column; gap:12px; min-width:0; flex:1; }
.payrow { display:flex; flex-direction:column; gap:6px; }
.payline { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.bigsecret { font-size:22px; color:var(--accent); }
.timer { font-size:14px; font-weight:600; }
.wrapcell { word-break:break-all; max-width:260px; }
.methodrow { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.btn.disabled { opacity:.5; pointer-events:none; }
.closeform { display:grid; gap:10px; max-width:420px; padding:6px 0; }
.closeform .alert { margin:0; }
table.plain td.nw { white-space:nowrap; word-break:normal; }
.tscroll { overflow-x:auto; }
.linkbox { display:grid; gap:8px; margin:12px 0; justify-items:start; }

/* ключи бирж */
.exgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; margin:14px 0; }
.exbtn { padding:10px 12px; border:1px solid var(--line2); border-radius:8px; background:var(--panel2); color:var(--text); font:inherit; font-weight:600; font-size:13px; cursor:pointer; text-align:left; }
.exbtn:hover { border-color:var(--accent-line); } .exbtn.on { border-color:var(--accent); background:var(--accent-bg); }
.exbtn.soon { color:var(--muted); }
.alert.warn { background:rgba(245,165,36,.12); border-color:var(--warn); }
.tag.bad { background:var(--down-bg); color:var(--down); }
.card.inner { background:var(--panel2); margin-top:12px; }
.checkrow { display:block; font-size:13px; line-height:1.5; margin:8px 0; }
.mono { font-family:ui-monospace,Consolas,monospace; }
.field input.codeinput, .codeinput { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:24px; letter-spacing:.35em; text-align:center; max-width:11em; }
.guidelinks { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.guidelinks a { font-weight:600; }

/* партнёрская программа */
.eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); background:var(--accent-bg); border:1px solid var(--accent-line); border-radius:20px; padding:4px 12px; margin-bottom:14px; }
.partner-hero { padding-bottom:12px; }
.partner-hero h1 { font-size:38px; }
.partner-hero h1 em { font-style:normal; color:var(--accent); }
.tiers { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.tier { display:flex; flex-direction:column; }
.tier.tier3 { border-color:var(--accent-line); box-shadow:0 0 0 1px var(--accent-line); }
.bigpct { font-size:46px; font-weight:700; color:var(--accent); line-height:1.1; margin:4px 0 8px; }
.calc-inputs { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.faq { display:flex; flex-direction:column; gap:10px; }
.faqitem { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:14px 18px; }
.faqitem summary { cursor:pointer; font-weight:600; font-size:15px; }
.faqitem p { margin:10px 0 0; }
.cta-card { margin-top:28px; text-align:center; }
.cta-card .row { justify-content:center; }
.cabhead { margin-bottom:0; }
.chartgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:16px; }
.chartgrid .card + .card { margin-top:0; }
.chartbox { width:100%; }
.chart-svg { width:100%; height:auto; display:block; }
.chart-grid { stroke:var(--line); stroke-width:1; }
.chart-axis { fill:var(--muted); font-size:10px; }
.chart-bar { fill:var(--accent); opacity:.9; }
.chart-bar:hover { opacity:1; }
.chart-line { stroke:var(--accent); stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round; }
.chart-area { fill:var(--accent); opacity:.12; }
.chart-dot { fill:var(--accent); }
.progress { height:10px; border-radius:6px; background:var(--panel3); overflow:hidden; margin:8px 0 14px; }
.progress-bar { display:block; height:100%; background:var(--accent); border-radius:6px; }
@media (max-width:760px) { .partner-hero h1 { font-size:27px; } .chartgrid { grid-template-columns:1fr; } }
.progress-bar.p0 { width:0%; }
.progress-bar.p5 { width:5%; }
.progress-bar.p10 { width:10%; }
.progress-bar.p15 { width:15%; }
.progress-bar.p20 { width:20%; }
.progress-bar.p25 { width:25%; }
.progress-bar.p30 { width:30%; }
.progress-bar.p35 { width:35%; }
.progress-bar.p40 { width:40%; }
.progress-bar.p45 { width:45%; }
.progress-bar.p50 { width:50%; }
.progress-bar.p55 { width:55%; }
.progress-bar.p60 { width:60%; }
.progress-bar.p65 { width:65%; }
.progress-bar.p70 { width:70%; }
.progress-bar.p75 { width:75%; }
.progress-bar.p80 { width:80%; }
.progress-bar.p85 { width:85%; }
.progress-bar.p90 { width:90%; }
.progress-bar.p95 { width:95%; }
.progress-bar.p100 { width:100%; }
.tiers .card, .calc.card, .cta-card { margin-top:0; }
.tier .tag { align-self:flex-start; }
section + section { margin-top:8px; }

/* единый вид страниц сайта: ритм отступов, сетки и списки */
h2 { margin:40px 0 14px; }
.hero + h2, .container > h1 + .lead + h2 { margin-top:32px; }
.grid3 { grid-template-columns:repeat(3,1fr); }
@media (max-width:980px) { .grid3 { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) { .grid3 { grid-template-columns:1fr; } }
.grid3 .card { display:flex; flex-direction:column; }
.grid3 .card h3 { margin-top:0; }
.grid3 .card p { margin:0; color:var(--muted); }
.plans { grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
.plan ul { list-style:none; padding:0; margin:6px 0 10px; line-height:1.9; }
.plan li::before { content:"✓"; color:var(--accent); font-weight:700; margin-right:10px; }
.plan li.no { color:var(--dim); text-decoration:none; }
.plan li.no::before { content:"✕"; color:var(--dim); }
.plan .btn { margin-top:auto; }
.guidelinks { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; }
.guidelinks li { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:16px 18px; display:flex; flex-direction:column; gap:6px; }
.guidelinks li:hover { border-color:var(--accent-line); }
.guidelinks a { font-weight:700; font-size:15px; text-decoration:none; color:var(--accent); }
.guidelinks span { font-size:13px; line-height:1.5; }
.teaser .coinbox { margin:-2px 0; }
.chartgrid .card.wide { grid-column:1/-1; }
.stackgrid { display:grid; grid-template-columns:1fr; gap:16px; }
.stackgrid .card + .card { margin-top:0; }
.cabhead .codebox { grid-template-columns:1fr; }
.cabhead .linkcell { flex-direction:row; flex-wrap:wrap; align-items:center; }
.cabhead .linkcell input { flex:1; min-width:220px; width:auto; }
#cabinet { margin-top:28px; }
@media (max-width:760px) { .tablecard { overflow-x:auto; } .tablecard table.plain { min-width:480px; } .tablecard table.plain td { word-break:normal; white-space:nowrap; } }

/* общий стиль страниц сайта в духе главной: мягкое свечение сверху, крупные скруглённые карточки */
body { background-image:radial-gradient(ellipse 60% 320px at 50% -80px, var(--accent-bg), transparent 70%); background-repeat:no-repeat; }
.container h1 { font-size:34px; font-weight:800; letter-spacing:-.02em; }
.card { border-radius:18px; }
.btn { border-radius:12px; height:42px; transition:transform .15s, border-color .2s, box-shadow .2s; }
.btn:hover:not(:disabled) { transform:translateY(-1px); }
.btn.primary { box-shadow:0 8px 26px -10px var(--accent-line); }
.plan.current, .plan:nth-child(2) { border-color:var(--accent-line); box-shadow:0 0 0 1px var(--accent-bg), 0 24px 60px -34px var(--accent-line); }
.field input[type=text], .field input[type=email], .field input[type=password], .field input[type=number], .field select, .field textarea { border-radius:12px; padding:12px 14px; }
.tabs button { border-radius:10px 10px 0 0; }
.sitefooter { background:linear-gradient(180deg, transparent, var(--panel)); }

/* страница «Фандинг» */
.container.wide { max-width:1400px; }
.fundbar { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; margin-top:18px; }
.fundbar .field { min-width:150px; }
.fundmeta { margin-left:auto; }
.fundvenues { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.venuechip { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:6px 12px; cursor:pointer; }
.venuechip input { accent-color:var(--accent); }
.venuechip i { width:8px; height:8px; border-radius:50%; display:inline-block; }
.fundcard { padding:6px 10px; overflow-x:auto; }
table.funding { min-width:900px; }
table.funding th.r, table.funding td.num { text-align:right; white-space:nowrap; }
table.funding td.token a { font-weight:700; text-decoration:none; }
table.funding td.fcell.hi, table.funding td.fcell.lo { background:var(--accent-bg); font-weight:700; }
.sortbtn { background:none; border:0; padding:0; font:inherit; font-weight:600; color:var(--muted); cursor:pointer; }
.sortbtn.on, .sortbtn:hover { color:var(--accent); }
table.funding .coinbox { width:auto; }
.fee-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:10px 14px; margin:6px 0 4px; }
