/* ============ APPLE LIQUID GLASSMORPHISM BUTTONS ============ */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    padding:13px 26px; border-radius:9999px; font-size:14.5px; font-weight:600;
    font-family:var(--font-body); letter-spacing:-0.01em;
    text-decoration:none; white-space:nowrap;
    cursor:pointer; position:relative; overflow:hidden; isolation:isolate;
    backdrop-filter:blur(20px) saturate(190%);
    -webkit-backdrop-filter:blur(20px) saturate(190%);
    transition:all .32s cubic-bezier(0.16, 1, 0.3, 1);
    transform:translateZ(0);
  }
  .btn:active{
    transform:translateY(1px) scale(0.98);
  }
  .btn-primary{
    color:#ffffff !important;
    background:linear-gradient(135deg, rgba(16, 185, 129, 0.92) 0%, rgba(5, 150, 105, 0.96) 100%);
    border:1px solid rgba(255, 255, 255, 0.35);
    box-shadow:
      inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.7),
      inset 0 -1px 2px 0 rgba(0, 0, 0, 0.2),
      0 8px 24px -6px rgba(16, 185, 129, 0.45),
      0 2px 6px 0 rgba(0, 0, 0, 0.12);
  }
  .btn-primary::before{
    content:'';
    position:absolute; top:0; left:0; right:0; height:50%;
    background:linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius:9999px 9999px 0 0;
    pointer-events:none; opacity:0.9;
  }
  .btn-primary::after{
    content:'';
    position:absolute; inset:0;
    background:linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, 0.45) 50%, transparent 80%);
    transform:translateX(-100%) skewX(-20deg);
    transition:transform .65s cubic-bezier(0.16,1,0.3,1);
    pointer-events:none;
  }
  .btn-primary:hover{
    color:#ffffff !important;
    transform:translateY(-2px) scale(1.02);
    border-color:rgba(255, 255, 255, 0.55);
    box-shadow:
      inset 0 1px 2px 0 rgba(255, 255, 255, 0.9),
      inset 0 -1px 2px 0 rgba(0, 0, 0, 0.2),
      0 14px 34px -6px rgba(16, 185, 129, 0.65),
      0 0 24px 2px rgba(52, 211, 153, 0.4);
  }
  .btn-primary:hover::after{
    transform:translateX(130%) skewX(-20deg);
  }

  .btn-ghost{
    color:var(--text);
    background:rgba(255, 255, 255, 0.07);
    border:1px solid var(--border);
    box-shadow:
      inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.25),
      0 4px 16px -4px rgba(0, 0, 0, 0.1);
  }
  html:not(.dark-mode) .btn-ghost{
    background:rgba(255, 255, 255, 0.7);
    border-color:rgba(0, 0, 0, 0.12);
    box-shadow:
      inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.9),
      0 4px 16px -4px rgba(0, 0, 0, 0.06);
  }
  .btn-ghost:hover{
    color:var(--text);
    background:rgba(255, 255, 255, 0.15);
    border-color:rgba(255, 255, 255, 0.35);
    transform:translateY(-2px) scale(1.02);
    box-shadow:
      inset 0 1px 2px 0 rgba(255, 255, 255, 0.45),
      0 10px 24px -4px rgba(0, 0, 0, 0.15);
  }
  html:not(.dark-mode) .btn-ghost:hover{
    background:rgba(255, 255, 255, 0.95);
    border-color:rgba(0, 0, 0, 0.2);
    box-shadow:
      inset 0 1px 2px 0 rgba(255, 255, 255, 1),
      0 10px 24px -4px rgba(0, 0, 0, 0.1);
  }
  .btn-sm{
    padding:9px 18px; font-size:13.5px;
  }
  .nav-toggle{display:none; background:none; border:none; color:var(--text); font-size:24px;}