/* TeleRocket site — светлая тема, электро-синий */
html.theme-light {
  --bg-deep: #eef6ff;
  --bg-surface: #ffffff;
  --accent-blue: #0077ff;
  --accent-purple: #4f46e5;
  --text-main: #0c1929;
  --text-muted: #475569;
  --glass-bg: rgba(255, 255, 255, 0.94);
  --glass-border: rgba(0, 119, 255, 0.2);
  --glow: 0 12px 40px rgba(0, 119, 255, 0.14);
}

html.theme-light body {
  background-color: var(--bg-deep);
  color: var(--text-main);
}

html.theme-light .ambient-bg {
  background: linear-gradient(160deg, #f0f9ff 0%, #dbeafe 42%, #f8fafc 100%);
}

html.theme-light .orb-1 { background: #38bdf8; opacity: 0.38; }
html.theme-light .orb-2 { background: #2563eb; opacity: 0.28; }
html.theme-light .orb-3 { background: #22d3ee; opacity: 0.32; }

html.theme-light .grid-overlay {
  background-image:
    linear-gradient(rgba(0, 119, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 119, 255, 0.05) 1px, transparent 1px);
}

html.theme-light header,
html.theme-light header.scrolled {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(0, 119, 255, 0.16);
  box-shadow: 0 4px 24px rgba(0, 100, 255, 0.07);
}

html.theme-light .logo { color: #0f172a; }
html.theme-light .logo i { color: #0077ff; }

html.theme-light .nav-btn {
  color: #1e3a5f;
  background: rgba(0, 119, 255, 0.07);
  border-color: rgba(0, 119, 255, 0.22);
}
html.theme-light .nav-btn:hover {
  color: #0055cc;
  background: rgba(0, 119, 255, 0.14);
  border-color: rgba(0, 119, 255, 0.38);
}

html.theme-light .theme-toggle-btn {
  color: #0077ff;
  background: rgba(0, 119, 255, 0.1);
  border-color: rgba(0, 119, 255, 0.28);
}
html.theme-light .theme-toggle-btn:hover {
  background: rgba(0, 119, 255, 0.18);
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.35);
}

html.theme-light .hero h1 { color: #0f172a; }
html.theme-light .hero h1 span,
html.theme-light .section-title span,
html.theme-light .module-hero h1 span {
  background: linear-gradient(135deg, #0077ff 0%, #22d3ee 55%, #6366f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html.theme-light .section-title { color: #0f172a; }
html.theme-light .feature-card h3 { color: #0f172a; }
html.theme-light .price-val { color: #0f172a; }
html.theme-light .article-card h3 { color: #0f172a; }

html.theme-light .btn-glass {
  color: #1e40af;
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(0, 119, 255, 0.25);
}
html.theme-light .btn-glass:hover {
  background: #fff;
  border-color: rgba(0, 119, 255, 0.45);
  box-shadow: 0 8px 24px rgba(0, 119, 255, 0.12);
}

html.theme-light .btn-glow {
  background: linear-gradient(135deg, #0077ff, #22d3ee);
  box-shadow: 0 8px 28px rgba(0, 119, 255, 0.35);
}

html.theme-light .feature-card:hover {
  box-shadow: 0 20px 50px rgba(0, 119, 255, 0.12);
  border-color: rgba(0, 119, 255, 0.35);
}

html.theme-light .price-card {
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 119, 255, 0.06);
}
html.theme-light .price-card.popular {
  background: linear-gradient(180deg, rgba(0, 119, 255, 0.1) 0%, #fff 100%);
  border-color: #0077ff;
}

html.theme-light section[style*="rgba(0,0,0,0.2)"] {
  background: rgba(0, 119, 255, 0.06) !important;
}

html.theme-light .advantages-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(224, 242, 254, 0.6));
  border-color: rgba(0, 119, 255, 0.18);
}
html.theme-light .adv-item:hover {
  background: rgba(0, 119, 255, 0.06);
}

html.theme-light .blog-card {
  background: #fff;
  border-color: rgba(0, 119, 255, 0.18);
  box-shadow: 0 4px 16px rgba(0, 119, 255, 0.06);
}
html.theme-light .blog-card:hover {
  border-color: rgba(0, 119, 255, 0.45);
  box-shadow: 0 16px 40px rgba(0, 119, 255, 0.14);
}
html.theme-light .blog-card h2 { color: #0f172a; }
html.theme-light .blog-cat-btn.active {
  color: #0055cc;
  background: rgba(0, 119, 255, 0.12);
  border-color: rgba(0, 119, 255, 0.3);
}
html.theme-light .blog-cat-btn:hover {
  color: #1e40af;
  background: rgba(0, 119, 255, 0.08);
}

html.theme-light .article-page h1 { color: #0f172a; }
html.theme-light .article-body h2 { color: #0c4a6e; }
html.theme-light .article-body h3 { color: #1e3a5f; }
html.theme-light .article-body strong { color: #0f172a; }
html.theme-light .article-body code {
  background: rgba(0, 119, 255, 0.08);
  color: #0055cc;
}
html.theme-light .tip-box {
  background: rgba(0, 119, 255, 0.08);
  border-left-color: #0077ff;
}
html.theme-light .tip-box p { color: #334155; }

html.theme-light .module-tabs {
  background: rgba(238, 246, 255, 0.95);
}
html.theme-light .module-tabs a:hover,
html.theme-light .module-tabs a.active {
  color: #0055cc;
  background: rgba(0, 119, 255, 0.12);
}

html.theme-light .section-block h2 { color: #0f172a; }
html.theme-light footer p[style*="color: #fff"] { color: #0f172a !important; }
html.theme-light .breadcrumb a { color: #0077ff; }
html.theme-light .article-card:hover,
html.theme-light .blog-card-tag--safety { color: #059669; }
html.theme-light .blog-card-tag--promo { color: #0077ff; }
html.theme-light .blog-card-tag--setup { color: #7c3aed; }

/* Landing blocks — light theme */
html.theme-light .tr-step-num {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(0, 119, 255, 0.2);
}
html.theme-light .tr-compare-table-wrap {
  background: #fff;
  border-color: rgba(0, 119, 255, 0.18);
}
html.theme-light .tr-compare-table th,
html.theme-light .tr-compare-table td {
  border-bottom-color: rgba(0, 119, 255, 0.12);
}
html.theme-light .tr-faq-item {
  background: #fff;
  border-color: rgba(0, 119, 255, 0.18);
}
html.theme-light .tr-faq-item.is-open {
  border-color: rgba(0, 119, 255, 0.35);
}
html.theme-light .module-group-title {
  color: #64748b;
}
html.theme-light .tr-faq-a a {
  color: #0077ff;
}

html.theme-light .tr-compare-card--win {
  background: linear-gradient(160deg, rgba(0, 119, 255, 0.1) 0%, #fff 100%);
  border-color: rgba(0, 119, 255, 0.3);
}

html.theme-light .tr-step-num {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 119, 255, 0.2);
}

html.theme-light .tr-step-card {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 119, 255, 0.16);
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid var(--glass-border);
  background: rgba(255, 255, 255, 0.06);
  color: #fbbf24;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.15s;
  flex-shrink: 0;
}
.theme-toggle-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.12);
}

/* landing blocks — см. site-landing.css */
.section-sub{text-align:center;color:var(--text-muted);font-size:18px;max-width:560px;margin:-40px auto 48px;font-weight:400}
.tr-quickstart{padding:100px 0 80px;position:relative}
.tr-quickstart::before{content:"";position:absolute;inset:20% 10% auto;height:220px;background:radial-gradient(ellipse,rgba(99,102,241,.18) 0%,transparent 70%);pointer-events:none;z-index:0}
.tr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;max-width:1100px;margin:0 auto}
.tr-steps-track{position:absolute;top:44px;left:10%;right:10%;height:4px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;z-index:0}
html.theme-light .tr-steps-track{background:rgba(0,119,255,.14)}
.tr-steps-progress{display:block;height:100%;width:25%;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),#22d3ee);background-size:200% 100%;animation:trStepProgressFlow 2.8s ease-in-out infinite;box-shadow:0 0 20px rgba(59,130,246,.65)}
.tr-quickstart.is-running .tr-steps-progress{animation:trStepProgressMove 10s ease-in-out infinite,trStepProgressFlow 2.8s linear infinite}
@keyframes trStepProgressFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes trStepProgressMove{0%,18%{transform:translateX(0);width:25%}25%,43%{transform:translateX(100%);width:25%}50%,68%{transform:translateX(200%);width:25%}75%,93%{transform:translateX(300%);width:25%}100%{transform:translateX(0);width:25%}}
.tr-step{position:relative;z-index:1;text-align:center;padding:0 4px}
.tr-step-num{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text-muted);background:rgba(15,19,31,.9);border:2px solid rgba(255,255,255,.12);transition:all .45s cubic-bezier(.4,0,.2,1)}
.tr-step-card{padding:20px 16px;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);min-height:120px;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}
.tr-step h3{font-size:15px;font-weight:600;margin-bottom:8px}
.tr-step p{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0}
.tr-step.is-active .tr-step-num{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));box-shadow:0 0 32px rgba(59,130,246,.65),0 0 56px rgba(139,92,246,.3);transform:scale(1.1);animation:trStepPulse 2.5s ease-in-out infinite}
.tr-step.is-active .tr-step-card{border-color:rgba(59,130,246,.45);box-shadow:0 12px 40px rgba(59,130,246,.18);transform:translateY(-4px)}
.tr-step.is-active h3{color:var(--text-main)}
@keyframes trStepPulse{0%,100%{box-shadow:0 0 24px rgba(59,130,246,.5),0 0 48px rgba(139,92,246,.22)}50%{box-shadow:0 0 40px rgba(59,130,246,.85),0 0 64px rgba(34,211,238,.4)}}
.tr-compare{padding:80px 0}
.tr-compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}
.tr-compare-card{padding:28px 24px;border-radius:24px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px)}
.tr-compare-card h3{font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.tr-compare-card--win{border-color:rgba(59,130,246,.35);background:linear-gradient(160deg,rgba(59,130,246,.12) 0%,var(--glass-bg) 100%)}
.tr-compare-card--win h3{color:var(--accent-blue)}
.tr-compare-card--lose h3{color:var(--text-muted)}
.tr-compare-list{list-style:none;padding:0;margin:0}
.tr-compare-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-muted);padding:10px 0;border-bottom:1px solid var(--glass-border)}
.tr-compare-list li:last-child{border-bottom:none}
.tr-compare-list .fa-check{color:#34d399;margin-top:3px;flex-shrink:0}
.tr-compare-list .fa-xmark{color:#f87171;margin-top:3px;flex-shrink:0;opacity:.85}
.tr-faq{padding:80px 0 100px}
.tr-faq .container{max-width:720px}
.tr-faq-item{border:1px solid var(--glass-border);border-radius:16px;margin-bottom:10px;background:rgba(15,19,31,.6);backdrop-filter:blur(10px);overflow:hidden;transition:border-color .25s ease,background .25s ease}
.tr-faq-item.is-open{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.06)}
.tr-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:none;border:none;color:var(--text-main);font-size:15px;font-weight:600;text-align:left;cursor:pointer;font-family:inherit}
.tr-faq-q i{color:var(--accent-blue);transition:transform .3s ease;flex-shrink:0;font-size:13px}
.tr-faq-item.is-open .tr-faq-q i{transform:rotate(180deg)}
.tr-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease,opacity .25s ease;padding:0 22px;font-size:14px;color:var(--text-muted);line-height:1.65;opacity:0}
.tr-faq-item.is-open .tr-faq-a{max-height:240px;padding:0 22px 18px;opacity:1}
.tr-faq-a a{color:var(--accent-blue);text-decoration:none}
.price-features{list-style:none;text-align:left;margin:0 0 24px;padding:0;flex-grow:1}
.price-features li{font-size:13px;color:var(--text-muted);padding:6px 0;display:flex;align-items:flex-start;gap:8px}
.price-features li i{color:var(--accent-blue);margin-top:2px;flex-shrink:0}
.price-card .price-desc{flex-grow:0;margin-bottom:12px}
@media(max-width:900px){.tr-steps{grid-template-columns:1fr 1fr;gap:20px 12px}.tr-steps-track{display:none}.tr-compare-cards{grid-template-columns:1fr}}
@media(max-width:560px){.tr-steps{grid-template-columns:1fr}.section-sub{font-size:16px;margin-top:-32px}}
@media(prefers-reduced-motion:reduce){.tr-steps-progress,.tr-step.is-active .tr-step-num{animation:none!important}.tr-quickstart.is-running .tr-steps-progress{animation:none!important;width:100%;opacity:.5}}