:root{
      --jn-font:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      --jn-primary:#EF5134; --jn-primary-600:#e3472b; --jn-primary-700:#c33a21;
      --jn-accent:#0ea5e9; --jn-bg:#0b1220; --jn-surface:#ffffff; --jn-muted:#64748b; --jn-text:#1f2937;
      --jn-border:#e5e7eb; --jn-card-radius:20px; --jn-shadow-lg:0 24px 48px rgba(2,6,23,.15); --jn-shadow-sm:0 1px 3px rgba(2,6,23,.12),0 1px 2px rgba(2,6,23,.06);
    }
    html,body{height:100%;}
    body{font-family:var(--jn-font); background:
      radial-gradient(1100px 680px at -10% -10%, rgba(239,81,52,.12), rgba(239,81,52,0) 60%),
      radial-gradient(900px 520px at 110% 110%, rgba(14,165,233,.12), rgba(14,165,233,0) 60%),
      var(--jn-bg);
      color:#0f172a;
    }

    /* Navbar */
    .navbar{background:#0d1322e6!important; backdrop-filter: blur(8px);}
    .navbar .navbar-brand{font-weight:900; letter-spacing:.4px; color:#fff}
    .navbar .navbar-brand span{color:var(--jn-primary)}
    .navbar .nav-link{color:#cbd5e1!important; font-weight:600}
    .navbar .nav-link:hover{color:#fff!important}
    .btn-cta{background:var(--jn-primary); border:0; border-radius:12px; font-weight:700}
    .btn-cta:hover{background:var(--jn-primary-600)}

    /* Hero */
    .hero{position:relative; color:#fff; overflow:hidden}
    .hero::after{content:''; position:absolute; inset:-10% -20% auto -20%; height:60%; background:radial-gradient(600px 380px at 20% -10%, rgba(239,81,52,.35), rgba(239,81,52,0)); filter:blur(40px); pointer-events:none}
    .hero .card{border:0; border-radius:var(--jn-card-radius); box-shadow:var(--jn-shadow-lg)}
    .badge-soft{background:#fff4f1; color:var(--jn-primary); border-radius:999px; padding:.45rem .8rem; font-weight:700}

    /* Sections */
    .section{padding:72px 0}
    .section-light{background:#f7f8fb}
    .section h2{font-weight:900}

    /* Service cards */
    .service-card{border:0; border-radius:18px; box-shadow:var(--jn-shadow-sm); transition:transform .18s ease, box-shadow .18s ease;}
    .service-card:hover{transform:translateY(-4px); box-shadow:var(--jn-shadow-lg)}
    .service-icon{width:56px; height:56px; border-radius:14px; display:inline-grid; place-items:center; font-size:26px;}
    .i-orange{background:#fff4f1; color:var(--jn-primary)}
    .i-sky{background:#eaf6ff; color:#0ea5e9}
    .i-emerald{background:#ecfdf5; color:#10b981}
    .i-violet{background:#f5f3ff; color:#7c3aed}
    .i-rose{background:#fff1f2; color:#e11d48}
    .i-amber{background:#fffbeb; color:#f59e0b}

    /* Steps */
    .step{display:flex; gap:12px}
    .step .num{width:36px; height:36px; border-radius:999px; display:grid; place-items:center; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--jn-primary),#ff7a62)}

    /* Stats */
    .stat{background:#0f172a; color:#e2e8f0; border-radius:18px}

    /* Testimonials */
    .t-card{border:0; border-radius:18px; box-shadow:var(--jn-shadow-sm)}

    /* Footer */
    footer{background:#0b1220; color:#cbd5e1}
    footer a{color:#cbd5e1; text-decoration:none}
    footer a:hover{color:#fff}

    /* Utility */
    .text-muted-strong{color:#64748b; font-weight:600}

    /* FIX: let taps reach the tabs on mobile */
.brand-pane::after {
  pointer-events: none;     /* don't block clicks */
  z-index: 0;               /* sit behind real content */
}

@media (max-width: 991.98px) {
  .brand-pane { overflow: hidden; }   /* keep the glow inside the left pane */
  .form-pane, 
  #authTabs, 
  #authTabs .nav-link, 
  .tab-content { 
    position: relative; 
    z-index: 2;            /* make sure tabs are above any overlaps */
  }
}

/* If any container was clipping dropdowns/menus, keep them interactive */
.dropdown-menu { z-index: 1080; }