/* Brand gradient and accents (from logo) */
    :root{
      --blue-dark: #003B73;
      --blue-core: #0076CE;
      --blue-accent: #4DB6FF;
      --light-silver: #F4F6F8;
      --text-gray: #333333;
    }
    .brand-gradient {
      background: linear-gradient(90deg,var(--blue-dark) 0%, var(--blue-core) 55%, var(--blue-accent) 100%);
    }
    .btn-primary{background: linear-gradient(90deg,var(--blue-core), var(--blue-accent));}
    .glass { background: rgba(255,255,255,0.06); backdrop-filter: blur(6px); }

        /* small extra utilities */
    .glass-card { background: rgba(255,255,255,0.04); backdrop-filter: blur(6px); }
    .brand-grad { background: linear-gradient(90deg,#003B73 0%, #0076CE 100%); }
    /* smooth scroll for anchor links */
    html { scroll-behavior: smooth; }
    /* sidebar active bar animation */
    .active-indicator { transition: transform .32s cubic-bezier(.2,.9,.3,1), opacity .32s; transform-origin: left; }


  .glass-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: 0.3s ease;
  }
  .glass-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  }