﻿html { scroll-behavior:smooth; }
    body {
      font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden;
    }
    a { color:inherit; text-decoration:none; }

    /* ── TICKER TAPE ── */
    .ticker-wrap {
      background: rgba(15,23,42,.9);
      border-bottom: 1px solid var(--border);
      padding: .35rem 0;
      overflow: hidden;
      white-space: nowrap;
    }
    .ticker-inner {
      display: inline-flex;
      gap: 2.5rem;
      animation: ticker 40s linear infinite;
    }
    .ticker-wrap:hover .ticker-inner { animation-play-state: paused; }
    @keyframes ticker {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .tick { font-size:.8rem; display:inline-flex; align-items:center; gap:.4rem; }
    .tick-sym { font-weight:700; color:var(--text); }
    .tick-price { color:var(--muted); }
    .tick-up   { color:var(--accent); }
    .tick-down { color:var(--danger); }

    /* ── NAV ── */
    nav {
      display:flex; align-items:center; justify-content:space-between;
      padding:.75rem 2rem;
      background: rgba(2,6,23,.95);
      border-bottom: 1px solid var(--border);
      backdrop-filter: blur(14px);
      position:sticky; top:0; z-index:100;
    }
    .logo { display:flex; align-items:center; gap:.35rem; }
    .logo-entra { font-weight:800; font-size:1.25rem; color:#e2e8f0; }
    .logo-fx {
      font-weight:900; font-size:1.25rem;
      background:linear-gradient(135deg,#22c55e,#15803d);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .nav-links { position:absolute; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:1.5rem; font-size:.9rem; }
    .nav-links a { color:var(--muted); transition:color .15s; }
    .nav-links a:hover { color:var(--text); }
    .nav-links a.active { color:var(--accent); }
    .nav-cta { display:flex; gap:.6rem; align-items:center; }
    .nav-dropdown { position:relative; }
    .nav-dropdown > a::after { content:' ▾'; font-size:.7rem; opacity:.7; }
    .dropdown-menu {
      display:none; position:absolute; top:calc(100% + .6rem); left:50%;
      transform:translateX(-50%);
      background:#0f172a; border:1px solid #1e293b;
      border-radius:10px; padding:.4rem; min-width:190px;
      box-shadow:0 16px 40px rgba(0,0,0,.6); z-index:200;
    }
    .nav-dropdown:hover .dropdown-menu, .nav-dropdown.open .dropdown-menu { display:flex; flex-direction:column; gap:.1rem; }
    .dropdown-menu a {
      padding:.5rem .85rem; border-radius:6px;
      font-size:.85rem; color:#94a3b8; transition:all .15s;
      display:flex; align-items:center; gap:.5rem;
    }
    .dropdown-menu a:hover { background:rgba(34,197,94,.1); color:#22c55e; }

    .btn {
      border-radius:999px; border:1px solid transparent;
      padding:.4rem 1.1rem; font-size:.88rem; cursor:pointer;
      transition:all .18s; font-weight:600; display:inline-flex;
      align-items:center; gap:.4rem;
    }
    .btn-outline {
      border-color:var(--border); color:var(--text);
      background:transparent;
    }
    .btn-outline:hover { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
    .btn-primary {
      background:linear-gradient(135deg,#22c55e,#15803d);
      color:#fff; border-color:var(--accent);
      box-shadow:0 0 16px var(--accent-glow);
    }
    .btn-primary:hover { box-shadow:0 0 28px var(--accent-glow); transform:translateY(-1px); }
    .btn-blue {
      background:linear-gradient(135deg,#3b82f6,#1d4ed8);
      color:#fff; border-color:var(--blue);
    }
    .btn-blue:hover { box-shadow:0 0 28px rgba(59,130,246,.35); transform:translateY(-1px); }
    .btn-lg { padding:.65rem 1.75rem; font-size:1rem; }

    /* ── PAGE HERO ── */
    .page-hero {
      padding: 5rem 2rem 4rem;
      text-align: center;
      background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(34,197,94,.12) 0%, transparent 65%),
        var(--bg);
    }
    .badge-pill {
      display:inline-flex; align-items:center; gap:.4rem;
      border:1px solid rgba(34,197,94,.3);
      background:rgba(34,197,94,.08);
      color:var(--accent); font-size:.8rem; font-weight:700;
      padding:.3rem 1rem; border-radius:999px;
      letter-spacing:.05em; text-transform:uppercase;
      margin-bottom:1.4rem;
    }
    .page-hero h1 {
      font-size:clamp(2rem,5vw,3.4rem);
      font-weight:900; line-height:1.1;
      letter-spacing:-.02em;
      max-width:760px; margin:0 auto 1.2rem;
    }
    .page-hero h1 .hl {
      background:linear-gradient(135deg,#22c55e,#86efac);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .page-hero p { font-size:1.1rem; color:var(--muted); max-width:560px; margin:0 auto 2rem; }

    /* ── SECTION WRAPPER ── */
    section { padding: 4rem 2rem; }
    .container { max-width:1100px; margin:0 auto; }
    .section-label {
      font-size:.75rem; font-weight:700; color:var(--accent);
      text-transform:uppercase; letter-spacing:.12em; margin-bottom:.75rem;
    }
    .section-title {
      font-size:clamp(1.6rem,3.5vw,2.4rem);
      font-weight:800; letter-spacing:-.02em; line-height:1.2;
      margin-bottom:.9rem;
    }
    .section-sub { color:var(--muted); font-size:1rem; max-width:560px; }

    /* ── LIVE SIGNAL PREVIEW ── */
    .signals-grid {
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
      gap:1.25rem;
      margin-top:2.5rem;
    }
    .signal-card {
      background:var(--bg2);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      padding:1.4rem;
      position:relative;
      transition:border-color .18s, transform .18s;
    }
    .signal-card:hover { border-color:var(--accent); transform:translateY(-2px); }
    .signal-card.win { border-left:3px solid var(--accent); }
    .signal-card.loss { border-left:3px solid var(--danger); }
    .signal-card.active { border-left:3px solid var(--gold); }

    .sig-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:.9rem; }
    .sig-pair { font-size:1.1rem; font-weight:800; }
    .sig-badge {
      font-size:.7rem; font-weight:700; padding:.25rem .7rem;
      border-radius:999px; text-transform:uppercase; letter-spacing:.05em;
    }
    .sig-badge.buy  { background:var(--accent-soft); color:var(--accent); }
    .sig-badge.sell { background:rgba(239,68,68,.1);  color:var(--danger); }
    .sig-badge.live { background:var(--gold-soft);    color:var(--gold); }

    .sig-levels {
      display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem;
      margin-bottom:.9rem;
    }
    .sig-level { background:rgba(30,41,59,.5); border-radius:var(--radius); padding:.5rem .65rem; }
    .sig-level-label { font-size:.68rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
    .sig-level-value { font-size:.9rem; font-weight:700; margin-top:.15rem; }
    .sig-level-value.entry { color:var(--blue); }
    .sig-level-value.sl    { color:var(--danger); }
    .sig-level-value.tp    { color:var(--accent); }

    .sig-footer {
      display:flex; align-items:center; justify-content:space-between;
      font-size:.78rem; color:var(--muted);
    }
    .sig-result { font-size:.84rem; font-weight:700; }
    .sig-result.win  { color:var(--accent); }
    .sig-result.loss { color:var(--danger); }
    .sig-result.live { color:var(--gold); }

    /* ── STATS ROW ── */
    .stats-row {
      display:grid; grid-template-columns:repeat(4,1fr); gap:1rem;
      margin:3rem 0;
    }
    .stat-box {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:1.4rem;
      text-align:center;
    }
    .stat-num {
      font-size:2.2rem; font-weight:900;
      background:linear-gradient(135deg,#22c55e,#86efac);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
      line-height:1.1; margin-bottom:.3rem;
    }
    .stat-label { font-size:.85rem; color:var(--muted); }

    /* ── HOW IT WORKS ── */
    .steps { display:flex; flex-direction:column; gap:0; }
    .step {
      display:grid; grid-template-columns:48px 1fr; gap:1.25rem;
      padding:1.75rem 0;
      border-bottom:1px solid var(--border);
    }
    .step:last-child { border-bottom:none; }
    .step-num {
      width:48px; height:48px; border-radius:50%;
      background:var(--accent-soft); border:1px solid rgba(34,197,94,.3);
      color:var(--accent); font-weight:800; font-size:1rem;
      display:flex; align-items:center; justify-content:center;
      flex-shrink:0;
    }
    .step-body h3 { font-size:1.05rem; font-weight:700; margin-bottom:.3rem; }
    .step-body p  { font-size:.9rem; color:var(--muted); }

    /* ── PRICING CARDS ── */
    .pricing-grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      gap:1.5rem; margin-top:2.5rem; align-items:start;
    }
    .plan-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2rem;
      position:relative; transition:border-color .18s;
    }
    .plan-card:hover { border-color:rgba(34,197,94,.4); }
    .plan-card.popular {
      border-color:var(--accent);
      box-shadow:0 0 40px rgba(34,197,94,.15);
    }
    .popular-tag {
      position:absolute; top:-13px; left:50%; transform:translateX(-50%);
      background:linear-gradient(135deg,#22c55e,#15803d);
      color:#fff; font-size:.72rem; font-weight:800;
      padding:.3rem 1rem; border-radius:999px;
      letter-spacing:.06em; text-transform:uppercase;
      white-space:nowrap;
    }
    .plan-name   { font-size:1rem; font-weight:700; color:var(--muted); margin-bottom:.5rem; text-transform:uppercase; letter-spacing:.06em; }
    .plan-price  { font-size:2.8rem; font-weight:900; line-height:1; margin-bottom:.2rem; }
    .plan-price sup { font-size:1.2rem; vertical-align:top; padding-top:.4rem; }
    .plan-period { font-size:.85rem; color:var(--muted); margin-bottom:1.4rem; }
    .plan-save   { display:inline-block; background:var(--accent-soft); color:var(--accent); font-size:.76rem; font-weight:700; padding:.2rem .7rem; border-radius:999px; margin-bottom:1rem; }
    .plan-desc   { font-size:.9rem; color:var(--muted); margin-bottom:1.4rem; border-bottom:1px solid var(--border); padding-bottom:1.4rem; }
    .plan-features { list-style:none; display:flex; flex-direction:column; gap:.7rem; margin-bottom:1.75rem; }
    .plan-features li {
      display:flex; align-items:flex-start; gap:.6rem;
      font-size:.9rem;
    }
    .feat-icon {
      width:18px; height:18px; border-radius:50%;
      background:var(--accent-soft); color:var(--accent);
      display:flex; align-items:center; justify-content:center;
      font-size:.65rem; flex-shrink:0; margin-top:.15rem;
    }

    /* ── TELEGRAM PREVIEW ── */
    .tg-preview {
      background: #212121;
      border-radius: var(--radius-lg);
      overflow: hidden;
      max-width: 380px;
      margin: 0 auto;
      border: 1px solid #333;
    }
    .tg-header {
      background: #1c1c1e;
      padding: .9rem 1.1rem;
      display: flex; align-items: center; gap: .8rem;
      border-bottom: 1px solid #333;
    }
    .tg-avatar {
      width: 40px; height: 40px; border-radius: 50%;
      background: linear-gradient(135deg,#22c55e,#15803d);
      display:flex; align-items:center; justify-content:center;
      font-weight:800; font-size:.9rem; color:#fff; flex-shrink:0;
    }
    .tg-name  { font-size:.95rem; font-weight:700; color:#fff; }
    .tg-sub   { font-size:.75rem; color:#888; }
    .tg-body  { padding:1rem; display:flex; flex-direction:column; gap:.75rem; }
    .tg-msg {
      background: #2a2a2e;
      border-radius: 12px 12px 12px 3px;
      padding: .75rem 1rem;
      font-size:.84rem; line-height:1.55;
    }
    .tg-msg b  { color:#fff; }
    .tg-msg .buy  { color:#22c55e; font-weight:700; }
    .tg-msg .sell { color:#ef4444; font-weight:700; }
    .tg-msg .tp   { color:#22c55e; }
    .tg-msg .sl   { color:#ef4444; }
    .tg-msg .entry{ color:#3b82f6; }
    .tg-time { font-size:.7rem; color:#666; margin-top:.3rem; text-align:right; }
    .tg-msg.result {
      background: rgba(34,197,94,.1);
      border: 1px solid rgba(34,197,94,.25);
    }
    .tg-msg.result.loss {
      background: rgba(239,68,68,.1);
      border: 1px solid rgba(239,68,68,.25);
    }

    /* ── HORIZONTAL SPLIT ── */
    .split    { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
    .split.reverse { direction:rtl; }
    .split.reverse > * { direction:ltr; }

    /* ── TESTIMONIALS ── */
    .reviews-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.25rem; margin-top:2.5rem; }
    .review-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:1.4rem;
    }
    .stars { color:#f59e0b; font-size:.9rem; letter-spacing:.1em; margin-bottom:.75rem; }
    .review-text { font-size:.9rem; color:var(--muted); line-height:1.6; margin-bottom:1rem; }
    .reviewer { display:flex; align-items:center; gap:.7rem; }
    .reviewer-avatar {
      width:36px; height:36px; border-radius:50%;
      background:linear-gradient(135deg,#3b82f6,#8b5cf6);
      display:flex; align-items:center; justify-content:center;
      font-size:.75rem; font-weight:700; color:#fff; flex-shrink:0;
    }
    .reviewer-name { font-size:.88rem; font-weight:700; }
    .reviewer-handle { font-size:.76rem; color:var(--muted); }

    /* ── FAQ ── */
    .faq-list { display:flex; flex-direction:column; gap:.5rem; margin-top:2rem; }
    .faq-item {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius); overflow:hidden;
      transition:border-color .15s;
    }
    .faq-item.open { border-color:rgba(34,197,94,.35); }
    .faq-q {
      display:flex; align-items:center; justify-content:space-between;
      padding:1rem 1.25rem; cursor:pointer;
      font-size:.95rem; font-weight:600; gap:1rem;
      user-select:none;
    }
    .faq-icon { font-size:.9rem; color:var(--muted); flex-shrink:0; transition:transform .2s; }
    .faq-item.open .faq-icon { transform:rotate(45deg); color:var(--accent); }
    .faq-a {
      padding:0 1.25rem; max-height:0; overflow:hidden;
      transition:max-height .3s ease, padding .3s;
      font-size:.9rem; color:var(--muted); line-height:1.65;
    }
    .faq-item.open .faq-a { max-height:300px; padding:.2rem 1.25rem 1rem; }

    /* ── CTA BANNER ── */
    .cta-band {
      background:
        radial-gradient(ellipse 80% 80% at 50% 50%, rgba(34,197,94,.12) 0%, transparent 70%),
        var(--bg2);
      border-top:1px solid var(--border); border-bottom:1px solid var(--border);
      padding:4.5rem 2rem; text-align:center;
    }
    .cta-band h2 { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:800; letter-spacing:-.02em; margin-bottom:.75rem; }
    .cta-band p  { color:var(--muted); font-size:1rem; max-width:480px; margin:0 auto 2rem; }
    .cta-actions { display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }

    /* ── DISCLAIMER ── */
    .disclaimer {
      background:var(--bg2); border-top:1px solid var(--border);
      padding:2rem; font-size:.78rem; color:var(--muted);
      text-align:center; line-height:1.65;
    }

    /* ── FOOTER ── */
    footer {
      background:var(--bg2); border-top:1px solid var(--border);
      padding:3rem 2rem 1.5rem;
    }
    .footer-grid {
      max-width:1100px; margin:0 auto;
      display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2rem;
      margin-bottom:2.5rem;
    }
    .footer-brand p { color:var(--muted); font-size:.88rem; margin-top:.65rem; max-width:280px; }
    .footer-col h4  { font-size:.88rem; font-weight:700; margin-bottom:1rem; text-transform:uppercase; letter-spacing:.06em; }
    .footer-col ul  { list-style:none; display:flex; flex-direction:column; gap:.55rem; }
    .footer-col li a { font-size:.88rem; color:var(--muted); transition:color .15s; }
    .footer-col li a:hover { color:var(--accent); }
    .footer-bottom {
      max-width:1100px; margin:0 auto;
      border-top:1px solid var(--border); padding-top:1.25rem;
      display:flex; align-items:center; justify-content:space-between;
      font-size:.8rem; color:var(--muted);
    }

    @media(max-width:768px) {
      .split { grid-template-columns:1fr; }
      .split.reverse { direction:ltr; }
      .stats-row { grid-template-columns:repeat(2,1fr); }
      .pricing-grid { grid-template-columns:1fr; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-bottom { flex-direction:column; gap:.5rem; text-align:center; }
      nav { padding:.6rem 1rem; }
      .nav-links { display:none; }
    }
    @media(max-width:480px) {
      .stats-row { grid-template-columns:1fr 1fr; }
      .footer-grid { grid-template-columns:1fr; }
    }