/* Главная страница. Цвета — из style.css (--accent и др.), поэтому светлая тема работает сама. */
.lp { position:relative; overflow-x:hidden; }
.lp-bg { position:absolute; inset:0 0 auto 0; height:900px; pointer-events:none; z-index:0; overflow:hidden; }
.lp-grid { position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size:56px 56px; opacity:.35; -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%); mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%); }
.lp-glow { position:absolute; border-radius:50%; filter:blur(90px); opacity:.55; }
.lp-glow.g1 { width:560px; height:560px; left:-120px; top:-160px; background:var(--accent-bg); background:radial-gradient(circle, var(--accent-line), transparent 70%); animation:lp-float 14s ease-in-out infinite; }
.lp-glow.g2 { width:480px; height:480px; right:-100px; top:60px; background:radial-gradient(circle, rgba(245,165,36,.35), transparent 70%); animation:lp-float 18s ease-in-out infinite reverse; }
@keyframes lp-float { 0%,100% { transform:translate(0,0); } 50% { transform:translate(30px,24px); } }
@media (prefers-reduced-motion:reduce) { .lp-glow, .lp-dot { animation:none !important; } }
.lp .topbar { position:relative; z-index:3; background:transparent; border-bottom-color:transparent; }
.lp-main { position:relative; z-index:1; max-width:1160px; margin:0 auto; padding:0 24px 64px; }

.lp-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; align-items:center; padding:72px 0 40px; }
.lp-pill { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:600; color:var(--muted); background:var(--panel); border:1px solid var(--line2); border-radius:999px; padding:7px 14px; }
.lp-dot { width:8px; height:8px; border-radius:50%; background:var(--up); box-shadow:0 0 0 0 rgba(51,209,127,.6); animation:lp-pulse 2s infinite; display:inline-block; }
@keyframes lp-pulse { 0% { box-shadow:0 0 0 0 rgba(51,209,127,.55); } 70% { box-shadow:0 0 0 9px rgba(51,209,127,0); } 100% { box-shadow:0 0 0 0 rgba(51,209,127,0); } }
.lp-hero h1 { font-size:58px; line-height:1.04; letter-spacing:-.03em; margin:22px 0 20px; font-weight:800; }
.lp-hero h1 em { font-style:normal; background:linear-gradient(100deg, var(--accent), #e6ff7a 70%); -webkit-background-clip:text; background-clip:text; color:transparent; }
[data-theme="light"] .lp-hero h1 em { background:linear-gradient(100deg, #3d7000, var(--accent)); -webkit-background-clip:text; background-clip:text; }
.lp-lead { font-size:17px; line-height:1.7; color:var(--muted); max-width:560px; margin:0 0 30px; }
.lp-actions { display:flex; flex-wrap:wrap; gap:12px; }
.lp-btn { display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 28px; border-radius:14px; font-size:15px; font-weight:700; text-decoration:none; border:1px solid transparent; transition:transform .15s, box-shadow .2s, border-color .2s; }
.lp-btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.lp-btn.primary { background:var(--accent); color:#000; box-shadow:0 0 0 1px var(--accent-line), 0 10px 34px -8px var(--accent-line); }
[data-theme="light"] .lp-btn.primary { color:#fff; }
.lp-btn.primary:hover { transform:translateY(-2px); box-shadow:0 0 0 1px var(--accent), 0 16px 44px -8px var(--accent-line); }
.lp-btn.ghost { background:var(--panel); border-color:var(--line2); color:var(--text); }
.lp-btn.ghost:hover { border-color:var(--accent-line); transform:translateY(-2px); }
.lp-trust { list-style:none; display:flex; flex-direction:column; gap:10px; margin:30px 0 0; padding:0; font-size:13px; color:var(--muted); }
.lp-trust li { display:flex; align-items:center; gap:10px; }
.lp-trust svg { width:16px; height:16px; fill:none; stroke:var(--accent); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }

.lp-live { background:linear-gradient(180deg, var(--panel2), var(--panel)); border:1px solid var(--line2); border-radius:22px; padding:20px 22px 16px; box-shadow:0 30px 80px -30px rgba(0,0,0,.8), 0 0 0 1px var(--accent-bg), 0 0 80px -20px var(--accent-line); position:relative; }
.lp-live::before { content:""; position:absolute; inset:0; border-radius:22px; padding:1px; background:linear-gradient(140deg, var(--accent-line), transparent 40%, transparent 70%, rgba(245,165,36,.4)); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.lp-live-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; }
.lp-live-title { display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:14px; }
.lp-live-meta { font-size:11px; color:var(--dim); text-align:right; }
.lp-table { width:100%; border-collapse:collapse; font-size:14px; }
.lp-table th { font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--dim); font-weight:600; text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); }
.lp-table td { padding:11px 8px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }
.lp-table tr:last-child td { border-bottom:0; }
.lp-table td.in { color:var(--up); font-weight:800; }
.lp-table .coinbox { gap:12px; }
.lp-live-foot { font-size:11px; color:var(--dim); padding-top:10px; border-top:1px solid var(--line); }

.lp-venues { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:8px; }
.lp-venues-label { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); font-weight:700; }
.lp-venues ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.lp-venues li { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:7px 14px; }
.lp-venues i { width:9px; height:9px; border-radius:50%; background:var(--dim); }
.v-b { background:#f0b90b !important; } .v-y { background:#f7a600 !important; } .v-w { background:#cfcfcf !important; } .v-c { background:#00f0ff !important; } .v-g { background:#2354e6 !important; }
.v-bl { background:#2f6bff !important; } .v-t { background:#5fe3c8 !important; } .v-o { background:#e0a458 !important; } .v-p { background:#a77bff !important; }

.lp-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:36px 0 0; }
.lp-stat { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:22px; display:flex; flex-direction:column; gap:6px; }
.lp-stat b { font-size:30px; font-weight:800; letter-spacing:-.02em; color:var(--accent); }
.lp-stat span { font-size:13px; color:var(--muted); line-height:1.4; }

.lp-section { padding-top:88px; }
.lp-head { max-width:680px; margin:0 0 34px; }
.lp-eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.lp-head h2 { font-size:36px; line-height:1.15; letter-spacing:-.02em; margin:0 0 12px; font-weight:800; }
.lp-head p { color:var(--muted); font-size:16px; line-height:1.6; margin:0; }

.lp-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lp-card { position:relative; background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:26px; transition:transform .2s, border-color .2s, box-shadow .2s; overflow:hidden; }
.lp-card::after { content:""; position:absolute; inset:auto -20% -60% -20%; height:70%; background:radial-gradient(ellipse at center, var(--accent-bg), transparent 70%); opacity:0; transition:opacity .25s; pointer-events:none; }
.lp-card:hover { transform:translateY(-4px); border-color:var(--accent-line); box-shadow:0 20px 50px -24px var(--accent-line); }
.lp-card:hover::after { opacity:1; }
.lp-ico { width:46px; height:46px; border-radius:14px; background:var(--accent-bg); border:1px solid var(--accent-line); display:inline-flex; align-items:center; justify-content:center; margin-bottom:18px; }
.lp-ico svg { width:22px; height:22px; fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lp-card h3 { font-size:18px; margin:0 0 8px; font-weight:700; }
.lp-card p { margin:0; font-size:14px; line-height:1.65; color:var(--muted); }

.lp-steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; counter-reset:none; }
.lp-steps li { position:relative; background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:28px 26px 26px; }
.lp-steps li:not(:last-child)::after { content:""; position:absolute; top:50px; right:-19px; width:20px; height:2px; background:linear-gradient(90deg, var(--accent-line), transparent); }
.lp-num { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--accent); color:#000; font-weight:800; font-size:17px; margin-bottom:16px; box-shadow:0 8px 24px -8px var(--accent-line); }
[data-theme="light"] .lp-num { color:#fff; }
.lp-steps h3 { font-size:18px; margin:0 0 8px; }
.lp-steps p { margin:0; font-size:14px; line-height:1.65; color:var(--muted); }

.lp .guidelinks { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lp .guidelinks li { border-radius:20px; padding:24px; background:var(--panel); transition:transform .2s, border-color .2s; }
.lp .guidelinks li:hover { transform:translateY(-4px); }
.lp .guidelinks a { font-size:17px; }

.lp-cta { margin-top:96px; text-align:center; padding:64px 24px; border-radius:28px; border:1px solid var(--accent-line); background:radial-gradient(ellipse 70% 120% at 50% 0%, var(--accent-bg), transparent 70%), var(--panel); box-shadow:0 0 90px -40px var(--accent-line); }
.lp-cta h2 { font-size:38px; letter-spacing:-.02em; margin:0 0 10px; font-weight:800; }
.lp-cta p { color:var(--muted); font-size:16px; margin:0 0 26px; }
.lp-cta .lp-actions { justify-content:center; }
.lp-note { margin:40px auto 0; max-width:860px; text-align:center; font-size:12px; line-height:1.7; color:var(--dim); }
.lp-note a { color:var(--muted); }

@media (max-width:1000px) {
  .lp-hero { grid-template-columns:1fr; padding-top:44px; gap:36px; }
  .lp-hero h1 { font-size:44px; }
  .lp-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lp-features, .lp-steps, .lp .guidelinks { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lp-steps li::after { display:none; }
}
@media (max-width:640px) {
  .lp-main { padding:0 16px 48px; }
  .lp-hero h1 { font-size:34px; }
  .lp-head h2, .lp-cta h2 { font-size:27px; }
  .lp-features, .lp-steps, .lp .guidelinks { grid-template-columns:1fr; }
  .lp-section { padding-top:60px; }
  .lp-btn { width:100%; justify-content:center; }
  .lp-table td, .lp-table th { padding:9px 5px; font-size:13px; }
  .lp-table .coinname small { display:none; }
}
.lp .topbar { max-width:1160px; margin:0 auto; padding:0 24px; }
.lp-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.lp-live .coinname small { display:none; }
.lp-table td, .lp-table th { padding-left:6px; padding-right:6px; }
.lp-table { table-layout:auto; font-size:13.5px; }
@media (max-width:1000px) { .lp .topbar { padding:0 16px; } }
.lp-hero > * { min-width:0; }
.lp-live { min-width:0; overflow:hidden; }
@media (max-width:640px) {
  .lp-table { display:block; overflow-x:auto; }
  .lp-live-head { flex-direction:column; align-items:flex-start; gap:4px; }
  .lp-live-meta { text-align:left; }
}
@media (max-width:1000px) { .lp-hero { grid-template-columns:minmax(0,1fr); } }
@media (max-width:640px) {
  .lp-live { padding:16px 14px 12px; }
  .lp-table { font-size:12px; }
  .lp-table td, .lp-table th { padding:9px 3px; }
  .lp-table th { font-size:10px; letter-spacing:.03em; }
  .lp-table .coin-ava { width:22px; height:22px; font-size:9px; }
  .lp-table .coinbox { gap:7px; }
}