.bf {
      --bf-bg: #0b0b0b;
      --bf-bg-soft: #141414;
      --bf-surface: #181818;
      --bf-text: #f3f5f7;
      --bf-text-soft: #c9ced6;
      --bf-accent: #00ffa2;   /* verde neon pentru CTA */
      --bf-accent-2: #ff3b3b; /* roșu pentru -50% */
      --bf-link: #8ab4ff;     /* albastru subtil, omagiu la butonul webinar */
      --bf-border: #2b2b2b;
      --bf-glow: 0 0 24px rgba(0,255,162,0.25);
      color: var(--bf-text);
      background: radial-gradient(1200px 600px at 80% -10%, rgba(0,255,162,0.075), transparent 60%), var(--bf-bg);
        border-radius: 15px;
    }
    /* Topbar */
    .bf .topbar {
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
      border-bottom: 1px solid var(--bf-border);
      position: sticky; top: 0; z-index: 1000;
      backdrop-filter: blur(8px);
    }
    .bf .brand { display:flex; align-items:center; gap:.6rem; font-weight:700; letter-spacing:.2px; }
    .bf .brand__logo { width:28px; height:28px; border-radius:6px; background:var(--bf-accent); box-shadow:var(--bf-glow); }

    /* Buttons (inspirate din webinar.html) */
    .bf .btn {
      display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
      font-weight:800; letter-spacing:.2px; text-decoration:none;
      border-radius:10px; padding:12px 18px; border:1px solid transparent;
      transition: transform .15s ease, box-shadow .15s ease, background .2s ease, border-color .2s ease;
      white-space:nowrap;
    }
    .bf .btn--accent { background: var(--bf-accent); color:#04110a; box-shadow: var(--bf-glow); }
    .bf .btn--accent:hover { transform: translateY(-1px); }
    .bf .btn--secondary { background:#ffffff; color:#0b0b0b; border-color:#d1d5db; }
    .bf .btn--secondary:hover { border-color:#9ca3af; transform: translateY(-1px); }
    .bf .btn--ghost { background: transparent; border-color: var(--bf-border); color: var(--bf-text); }

    /* Links */
    .bf a { color: var(--bf-link); }

    /* Hero */
    .bf .hero { position: relative; overflow: hidden; }
    .bf .hero__badge { display:inline-flex; align-items:center; gap:.5rem; background:#0e0e0e; border:1px solid var(--bf-border); padding:.4rem .75rem; border-radius:999px; }
    .bf .hero__badge .dot { width:8px; height:8px; border-radius:50%; background:var(--bf-accent-2); box-shadow:0 0 10px rgba(255,59,59,.6); }
    .bf .hero h1 { font-size: clamp(2rem, 4vw, 3.25rem); line-height:1.08; margin-bottom:.6rem; font-weight:500; }
    .bf .hero p { color: var(--bf-text-soft); font-size: clamp(1rem, 2vw, 1.15rem); }

    /* Countdown */
    .bf .countdown { display:flex; gap:.75rem; margin:1.25rem 0 0; }
    .bf .cd-item { background:var(--bf-surface); border:1px solid var(--bf-border); border-radius:16px; padding:.75rem .9rem; text-align:center; width:90px; }
    .bf .cd-item strong { font-size:1.75rem; display:block; letter-spacing:1px; }
    .bf .cd-item span { font-size:.8rem; color:var(--bf-text-soft); text-transform:uppercase; letter-spacing:.8px; }

    /* Benefits */
    .bf .benefit { background:var(--bf-surface); border:1px solid var(--bf-border); border-radius:16px; padding:1rem; height:100%; }
    .bf .benefit h4 { margin-top:.25rem; }
    .bf .benefit p { color:var(--bf-text-soft); }

    /* Ribbon */
    .bf .ribbon { position: relative; overflow: hidden; }
    .bf .ribbon::before {
      content:"-50% LA TOATE PACHETELE • BLACK WEEKS • ";
      position:absolute; left:-10%; right:-10%; top:50%; transform: translateY(-50%) rotate(-6deg);
      padding:.35rem 0; font-weight:800; letter-spacing:1px; text-transform:uppercase;
      background: var(--bf-accent-2); color:#fff; text-align:center; white-space:nowrap;
      box-shadow: 0 10px 30px rgba(255,59,59,.2);
    }

    /* Sections */
    .bf .section-card { background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)); border:1px solid var(--bf-border); border-radius:20px; padding:1.25rem; }

    /* Pricing */
    .bf .pricing-card { background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)); border:1px solid var(--bf-border); border-radius:20px; padding:1.25rem; height:100%; position:relative; overflow:hidden; }
    .bf .pricing-card .off { position:absolute; top:1rem; right:1rem; background: var(--bf-accent-2); color:#fff; font-weight:800; padding:.35rem .6rem; border-radius:8px; font-size:.9rem; }
    .bf .price { display:flex; align-items:baseline; gap:.5rem; margin:.6rem 0 1rem; }
    .bf .price del { color:#9ca3af; opacity:.75; }
    .bf .price strong { font-size:2rem; }
    .bf .list { list-style:none; padding:0; margin:0 0 1rem; }
    .bf .list li { display:flex; align-items:flex-start; gap:.55rem; margin:.35rem 0; }
    .bf .list .tick { width:18px; height:18px; border-radius:50%; background: var(--bf-accent); margin-top:.2rem; }

    /* CTA band (login / înscriere) */
    .bf .cta-band { background:var(--bf-bg-soft); border:1px solid var(--bf-border); border-radius:16px; padding:1rem; display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; justify-content:space-between; }

    /* FAQ */
    .bf .faq .accordion-title { color: var(--bf-text); }
    .bf .faq .accordion-content { background: var(--bf-surface); border:1px solid var(--bf-border); border-top:none; }

    /* Footer */
    .bf footer { border-top:1px solid var(--bf-border); color: var(--bf-text-soft); }

    /* Utility */
    .bf .muted { color: var(--bf-text-soft); }
    .bf .center { text-align:center; }
    .bf .mt-2 { margin-top: .5rem; }
    .bf .mt-3 { margin-top: 1rem; }
    .bf .mt-4 { margin-top: 1.5rem; }
    .bf .mt-6 { margin-top: 2rem; }
    .bf .mb-0 { margin-bottom: 0; }
    .bf small { font-size: 12px; line-height: 1.5; display:block; }
      /* Emphasis for account band */
    .bf .cta-band--highlight { border-color: var(--bf-accent); box-shadow: var(--bf-glow); background: linear-gradient(180deg, rgba(0,255,162,0.06), rgba(0,0,0,0)); }
    .bf .disabled-note { margin-top:.5rem; }
      /* Emphasis for account band */
    .bf .cta-band--highlight { border-color: var(--bf-accent); box-shadow: var(--bf-glow); background: linear-gradient(180deg, rgba(0,255,162,0.06), rgba(0,0,0,0)); }
    .bf .disabled-note { margin-top:.5rem; background: rgba(255,255,255,0.04); border:1px solid var(--bf-border); border-radius:10px; padding:.5rem .65rem; color: var(--bf-text); opacity:.85; }
      /* =========================
       HARDENED / ANTI-OVERRIDE LAYER
       Forțează stilurile .bf în fața CSS-ului existent din site
       ========================= */
    .bf, .bf * { box-sizing: border-box; }
    .bf { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.6 !important; color: var(--bf-text) !important; }
    .bf a { color: var(--bf-link) !important; text-decoration: none !important; }
    .bf img { max-width: 100% !important; height: auto !important; display: block !important; }

    /* Tipografie de bază */
    .bf h1, .bf h2, .bf h3, .bf h4, .bf h5, .bf h6 { color: var(--bf-text) !important; margin-bottom: .6rem !important; font-weight: 800 !important; line-height: 1.15 !important; }
    .bf h1 { font-size: clamp(2rem, 4vw, 3.25rem) !important; }
    .bf h2 { font-size: clamp(1.6rem, 3vw, 2rem) !important; }
    .bf h3 { font-size: clamp(1.3rem, 2.5vw, 1.4rem) !important; }
    .bf h4 { font-size: 1.125rem !important; }
    .bf p, .bf li { font-size: 1rem !important; line-height: 1.6 !important; color: var(--bf-text) !important; }
    .bf .muted { color: var(--bf-text-soft) !important; }

    /* Utilitare (forțate) */
    .bf .center { text-align: center !important; }
    .bf .mt-2 { margin-top: .5rem !important; }
    .bf .mt-3 { margin-top: 1rem !important; }
    .bf .mt-4 { margin-top: 1.5rem !important; }
    .bf .mt-6 { margin-top: 2rem !important; }
    .bf .mb-0 { margin-bottom: 0 !important; }
    .bf small { font-size: 12px !important; line-height: 1.5 !important; display: block !important; color: var(--bf-text-soft) !important; }

    /* Containere / secțiuni */
    .bf .section-card { background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)) !important; border: 1px solid var(--bf-border) !important; border-radius: 20px !important; padding: 1.25rem !important; }

    /* Topbar */
    .bf .topbar { background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)) !important; border-bottom: 1px solid var(--bf-border) !important; position: sticky !important; top: 0 !important; z-index: 1000 !important; backdrop-filter: blur(8px) !important; }
    .bf .brand { display: flex !important; align-items: center !important; gap: .6rem !important; font-weight: 700 !important; letter-spacing: .2px !important; }
    .bf .brand__logo { width: 28px !important; height: 28px !important; border-radius: 6px !important; background: var(--bf-accent) !important; box-shadow: var(--bf-glow) !important; }

    /* Butoane (primar/secondary/ghost) */
    .bf .btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .5rem !important; font-weight: 800 !important; letter-spacing: .2px !important; text-decoration: none !important; border-radius: 10px !important; padding: 12px 18px !important; border: 1px solid transparent !important; transition: transform .15s ease, box-shadow .15s ease, background .2s ease, border-color .2s ease !important; white-space: nowrap !important; cursor: pointer !important; line-height: 1 !important; }
    .bf .btn--accent { background: var(--bf-accent) !important; color: #04110a !important; box-shadow: var(--bf-glow) !important; }
    .bf .btn--secondary { background: #ffffff !important; color: #0b0b0b !important; border-color: #d1d5db !important; }
    .bf .btn--ghost { background: transparent !important; color: var(--bf-text) !important; border-color: var(--bf-border) !important; }
    .bf .btn--accent:hover, .bf .btn--secondary:hover, .bf .btn--ghost:hover { transform: translateY(-1px) !important; }

    /* Hero */
    .bf .hero { position: relative !important; overflow: hidden !important; }
    .bf .hero__badge { display: inline-flex !important; align-items: center !important; gap: .5rem !important; background: #0e0e0e !important; border: 1px solid var(--bf-border) !important; padding: .4rem .75rem !important; border-radius: 999px !important; font-weight: 700 !important; font-size: .8rem !important; }
    .bf .hero__badge .dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--bf-accent-2) !important; box-shadow: 0 0 10px rgba(255,59,59,.6) !important; }
    .bf .hero h1 { font-size: clamp(2rem, 4vw, 3.25rem) !important; line-height: 1.08 !important; margin-bottom: .6rem !important; font-weight: 500 !important; }
    .bf .hero p { color: var(--bf-text-soft) !important; font-size: clamp(1rem, 2vw, 1.15rem) !important; font-weight: 500 !important; }

    /* Countdown */
    .bf .countdown { display: flex !important; gap: .75rem !important; margin: 1.25rem 0 0 !important; }
    .bf .cd-item { background: var(--bf-surface) !important; border: 1px solid var(--bf-border) !important; border-radius: 16px !important; padding: .75rem .9rem !important; text-align: center !important; width: 90px !important; }
    .bf .cd-item strong { font-size: 1.75rem !important; display: block !important; letter-spacing: 1px !important; font-weight: 800 !important; }
    .bf .cd-item span { font-size: .8rem !important; color: var(--bf-text-soft) !important; text-transform: uppercase !important; letter-spacing: .8px !important; }

    /* Beneficii */
    .bf .benefit { background: var(--bf-surface) !important; border: 1px solid var(--bf-border) !important; border-radius: 16px !important; padding: 1rem !important; height: 100% !important; }
    .bf .benefit h4 { margin-top: .25rem !important; font-size: 1.05rem !important; font-weight: 800 !important; }
    .bf .benefit p { color: var(--bf-text-soft) !important; font-size: .98rem !important; }

    /* Ribbon */
    .bf .ribbon { position: relative !important; overflow: hidden !important; }
    .bf .ribbon::before { content: "-50% LA TOATE PACHETELE • BLACK WEEKS • " !important; position: absolute !important; left: -10% !important; right: -10% !important; top: 50% !important; transform: translateY(-50%) rotate(-6deg) !important; padding: .35rem 0 !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; background: var(--bf-accent-2) !important; color: #fff !important; text-align: center !important; white-space: nowrap !important; box-shadow: 0 10px 30px rgba(255,59,59,.2) !important; }

    /* Pricing */
    .bf .pricing-card { background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)) !important; border: 1px solid var(--bf-border) !important; border-radius: 20px !important; padding: 1.25rem !important; height: 100% !important; position: relative !important; overflow: hidden !important; }
    .bf .pricing-card .off { position: absolute !important; top: 1rem !important; right: 1rem !important; background: var(--bf-accent-2) !important; color: #fff !important; font-weight: 800 !important; padding: .35rem .6rem !important; border-radius: 8px !important; font-size: .9rem !important; }
    .bf .price { display: flex !important; align-items: baseline !important; gap: .5rem !important; margin: .6rem 0 1rem !important; }
    .bf .price del { color: #9ca3af !important; opacity: .75 !important; font-weight: 600 !important; }
    .bf .price strong { font-size: 2rem !important; font-weight: 800 !important; }
    .bf .list { list-style: none !important; padding: 0 !important; margin: 0 0 1rem !important; }
    .bf .list li { display: flex !important; align-items: flex-start !important; gap: .55rem !important; margin: .35rem 0 !important; }
    .bf .list .tick { width: 18px !important; height: 18px !important; border-radius: 50% !important; background: var(--bf-accent) !important; margin-top: .2rem !important; flex: 0 0 18px !important; }
    .bf .disabled-note { margin-top: .5rem !important; background: rgba(255,255,255,0.04) !important; border: 1px solid var(--bf-border) !important; border-radius: 10px !important; padding: .5rem .65rem !important; color: var(--bf-text) !important; opacity: .85 !important; font-size: .95rem !important; }

    /* CTA band (login / înscriere) */
    .bf .cta-band { background: var(--bf-bg-soft) !important; border: 1px solid var(--bf-border) !important; border-radius: 16px !important; padding: 1rem !important; display: flex !important; flex-wrap: wrap !important; gap: .75rem !important; align-items: center !important; justify-content: space-between !important; }
    .bf .cta-band--highlight { border-color: var(--bf-accent) !important; box-shadow: var(--bf-glow) !important; background: linear-gradient(180deg, rgba(0,255,162,0.06), rgba(0,0,0,0)) !important; }

    /* Footer */
    .bf footer { border-top: 1px solid var(--bf-border) !important; color: var(--bf-text-soft) !important; }

      /* ===== Grid hardening to prevent left-aligned boxes when site CSS overrides Foundation ===== */
    .bf .grid-container { margin-left:auto !important; margin-right:auto !important; padding-left:1rem !important; padding-right:1rem !important; }
    .bf .grid-x { display:flex !important; flex-flow:row wrap !important; margin-left:-.625rem !important; margin-right:-.625rem !important; }
    .bf .grid-margin-x > .cell { padding-left:.625rem !important; padding-right:.625rem !important; }
    .bf .grid-margin-y > .cell { padding-top:.625rem !important; padding-bottom:.625rem !important; }
    .bf .cell { float:none !important; max-width:100% !important; min-width:0 !important; }
    .bf .cell.shrink, .bf .shrink { flex:0 0 auto !important; width:auto !important; }
    /* Column widths matching Foundation 6.5.3 */
    .bf .cell.small-12 { flex:0 0 100% !important; }
    @media screen and (min-width: 640px) {
      .bf .cell.medium-5 { flex:0 0 41.6667% !important; }
      .bf .cell.medium-6 { flex:0 0 50% !important; }
      .bf .cell.medium-7 { flex:0 0 58.3333% !important; }
      .bf .cell.medium-12 { flex:0 0 100% !important; }
    }
    @media screen and (min-width: 1024px) {
      .bf .cell.large-4 { flex:0 0 33.3333% !important; }
      .bf .cell.large-5 { flex:0 0 41.6667% !important; }
      .bf .cell.large-7 { flex:0 0 58.3333% !important; }
      .bf .cell.large-12 { flex:0 0 100% !important; }
    }
    /* Alignment helpers */
    .bf .align-middle { align-items:center !important; }
    .bf .align-justify { justify-content:space-between !important; }