/* ─── HEADER ─── */
      .header {
        position: static;
        /* top: 0;
        right: 0;
        left: 0; */
        z-index: 100;
        /* background: rgba(229, 229, 229, 0.92); */
        background: rgb(230, 247, 255);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid var(--border);
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: box-shadow 0.3s;
      }
      .header.scrolled {
        box-shadow: var(--shadow-md);
      }
      
      #logoImg {
        width: 180px;
  filter:
    drop-shadow(0 0 15px #fff)
    drop-shadow(0 0 10px #fff)
    drop-shadow(0 0 30px #fff)
    drop-shadow(0 0 0px #fff);
      }

      /* .header-actions {
        display: flex;
        align-items: center;
        gap: 10px;
      } */