/* ---------------- HEADER ---------------- */
  .navbar{
    background:rgba(8,11,36,0.92) !important; backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,0.08);
    transition: box-shadow 0.3s ease, background 0.3s ease;
    padding:14px 0;
  }
  .navbar.scrolled{ box-shadow:0 8px 28px rgba(0,0,0,0.35); }
  .navbar .logo-mark{
    width:30px; height:30px; border-radius:8px; position:relative; flex-shrink:0;
    background:linear-gradient(135deg, var(--coral), var(--purple-600));
    display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px;
    transition: transform 0.3s ease;
  }
  .navbar-brand:hover .logo-mark{ transform:rotate(-10deg) scale(1.08); }
  .navbar-brand{ font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:19px; display:flex; align-items:center; gap:10px; color:#fff !important; }
  .navbar-nav .nav-link{
    color:rgba(255,255,255,0.72) !important; font-size:14.5px; padding:8px 16px !important;
    position:relative; transition: color 0.2s ease;
  }
  .navbar-nav .nav-link::after{
    content:""; position:absolute; left:16px; right:16px; bottom:4px; height:1.5px;
    background:var(--coral); transform:scaleX(0); transform-origin:left;
    transition: transform 0.25s ease;
  }
  .navbar-nav .nav-link:hover{ color:#fff !important; }
  .navbar-nav .nav-link:hover::after{ transform:scaleX(1); }
  .navbar-toggler{ border-color:rgba(255,255,255,0.25); padding:6px 10px; }
  .navbar-toggler-icon{ filter:invert(1); }

  .btn-coral{
    position:relative; overflow:hidden; z-index:0;
    background:var(--coral); color:#fff; border:none; font-weight:600;
    padding:10px 22px; border-radius:6px; font-size:14.5px;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    display:inline-flex; align-items:center; gap:8px;
  }
  .btn-coral::before{
    content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
    background:linear-gradient(115deg, transparent, rgba(255,255,255,0.35), transparent);
    transform:skewX(-20deg); animation: shimmerSweep 3.2s ease-in-out infinite; z-index:1;
  }
  .btn-coral > *{ position:relative; z-index:2; }
  @keyframes shimmerSweep{ 0%{ left:-60%; } 35%,100%{ left:130%; } }
  .btn-coral:hover{ background:var(--coral-dark); color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(255,75,46,0.35); }
  .btn-coral:active{ transform:translateY(0); }
  .btn-ghost-dark{
    background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.28);
    padding:10px 22px; border-radius:6px; font-size:14.5px; font-weight:600;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }
  .btn-ghost-dark:hover{ border-color:#fff; background:rgba(255,255,255,0.08); color:#fff; transform:translateY(-2px); }