/* Shared page shell for the academy's static pages.
 *
 * Extracted 2026-09-01. This block was duplicated BYTE-FOR-BYTE across seven
 * files -- apply, jobs, learn, careers, success-stories, fees, resources -- so
 * restyling meant seven identical edits and the eighth would eventually be
 * missed. One file now, linked by all of them.
 *
 * Light palette, matching the ERP's learner layout exactly, so the static and
 * application halves of bvlogic.academy do not diverge into two products. The
 * indigo is #4f46e5 rather than #818cf8: the lighter shade was chosen to glow
 * on near-black and fails contrast on white.
 */
:root{ --bg:#ffffff; --card:#ffffff; --text:#101828; --muted:#667085; --brand:#4f46e5; --line:#e4e7ec; }
  *{box-sizing:border-box}
  body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);
       font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
       line-height:1.65}
  /* A page, not a dialog. The old centred 620px card put the top bar in the
     middle of the screen and made every section read as an error state. */
  .wrap{max-width:780px;margin:0 auto;padding:56px 24px 80px}
  h1{font-size:clamp(28px,4.2vw,38px);margin:0 0 14px;font-weight:750;letter-spacing:-.02em}
  p.lead{color:var(--muted);margin:0 0 26px;font-size:17px;max-width:62ch}
  .badge{display:inline-block;background:#f9fafb;border:1px solid var(--line);color:var(--muted);
         font-size:13px;padding:8px 14px;border-radius:8px;margin:0 0 24px}
  nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
  a{display:inline-block;padding:11px 18px;border-radius:10px;text-decoration:none;
    font-weight:600;font-size:14px}
  .primary{background:var(--brand);color:#fff}
  .ghost{border:1px solid var(--line);color:var(--text)}
  a.primary:hover,a.ghost:hover{opacity:.9}
  /* ── top bar: identical to the ERP's free/layout.blade.php ────────── */
  .nbv{--t:#101828;--t2:#344054;--t3:#667085;--t4:#98a2b3;--p:#4f46e5;--pd:#4338ca;
       --pl:#4f46e5;--b:#e4e7ec;--b2:rgba(79,70,229,.25);
       --tr:all .3s cubic-bezier(.4,0,.2,1)}
  .nb{position:fixed;top:0;left:0;right:0;z-index:1000;padding:13px 0;transition:var(--tr);
      background:rgba(255,255,255,.92);backdrop-filter:blur(20px);
      border-bottom:1px solid var(--b);box-shadow:0 1px 3px rgba(16,24,40,.06)}
  .nb-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;
            max-width:1320px;margin:0 auto;padding:0 32px}
  .nb-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
  .nb-logo img{height:42px;width:auto;object-fit:contain}
  .nb-logo-txt{line-height:1.15}
  .nb-logo-name{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:16px;color:var(--t)}
  .nb-logo-name span{color:var(--pl)}
  .nb-logo-sub{font-size:9px;color:var(--t4);letter-spacing:1.8px;text-transform:uppercase}
  .nb-links{list-style:none;display:flex;gap:2px;align-items:center;margin:0;padding:0}
  .nb-links a{color:var(--t3);font-size:13.5px;font-weight:500;padding:7px 13px;
              border-radius:8px;transition:var(--tr);white-space:nowrap;display:block;
              text-decoration:none}
  .nb-links a:hover{color:var(--t);background:rgba(16,24,40,.045)}
  .nb-links a[aria-current="page"]{color:var(--t);background:rgba(99,102,241,.14);
              box-shadow:inset 0 0 0 1px var(--b2)}
  .nb-cta{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff!important;
          padding:9px 20px!important;border-radius:10px!important;font-weight:600!important;
          box-shadow:0 0 20px rgba(99,102,241,.35)}
  .nb-cta:hover{box-shadow:0 0 35px rgba(99,102,241,.55);transform:translateY(-1px);
                background:linear-gradient(135deg,var(--p),var(--pd))}
  .hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
  .hamburger span{display:block;width:23px;height:2px;background:var(--t2);border-radius:2px;transition:var(--tr)}
  /* The bar is fixed, so every page has to start below it. */
  body{padding-top:68px}
  @media(max-width:1200px){
    .nb-inner{padding:0 18px}
    .hamburger{display:flex}
    .nb-links{display:none}
    .nb-links.open{display:flex;flex-direction:column;align-items:stretch;gap:2px;
      position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.98);
      backdrop-filter:blur(20px);padding:18px;border-bottom:1px solid var(--b);
      z-index:999;max-height:calc(100vh - 70px);overflow-y:auto}
    .nb-links.open a{padding:12px 14px;font-size:15px}
    .nb-logo-sub{display:none}
  }