body {
      background-color: #020907;
      color: #f1f5f9;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }

    /* Custom Glassmorphism */
    .glass-nav {
      background: rgba(4, 19, 13, 0.92);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(84, 243, 166, 0.2);
    }
    .glass-card {
      background: rgba(7, 29, 20, 0.76);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(84, 243, 166, 0.24);
    }
    .glass-card-elevated {
      background: rgba(10, 36, 26, 0.9);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(84, 243, 166, 0.35);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #020907;
    }
    ::-webkit-scrollbar-thumb {
      background: rgba(84, 243, 166, 0.3);
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #54f3a6;
    }

    /* Dropdown Menus matching uploaded screenshots */
    .nav-dropdown {
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .nav-item:hover .nav-dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .nav-item:hover .nav-caret {
      transform: rotate(180deg);
    }
    .nav-dropdown-card {
      background: #04140e !important;
      border: 1px solid rgba(84, 243, 166, 0.32);
      box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.8), 0 0 25px -5px rgba(84, 243, 166, 0.15);
    }

    /* Ambient Background Aura Keyframes */
    @keyframes auroraBreathe {
      0%, 100% {
        transform: scale(1) translate(0px, 0px);
        opacity: 0.14;
      }
      50% {
        transform: scale(1.22) translate(30px, -20px);
        opacity: 0.28;
      }
    }
    @keyframes auroraDrift {
      0%, 100% {
        transform: scale(1.15) translate(0px, 0px);
        opacity: 0.18;
      }
      50% {
        transform: scale(0.95) translate(-40px, 35px);
        opacity: 0.32;
      }
    }
    .animate-aurora-1 {
      animation: auroraBreathe 14s ease-in-out infinite;
    }
    .animate-aurora-2 {
      animation: auroraDrift 18s ease-in-out infinite;
    }
    
    /* Neat & Calm Event Card Hover Styling (No Shimmer) */
    .event-card {
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                  box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                  border-color 0.25s ease,
                  background-color 0.25s ease;
      background: rgba(4, 19, 13, 0.75);
      border: 1px solid rgba(84, 243, 166, 0.22);
    }
    .event-card:hover {
      transform: translateY(-4px);
      border-color: rgba(84, 243, 166, 0.6);
      box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.65), 0 0 20px -2px rgba(84, 243, 166, 0.18);
      background: rgba(6, 26, 18, 0.85);
    }
/* Compact Clinical Portal Card Styling */
.clinical-portal-card {
  background: rgba(4, 19, 13, 0.9);
  border: 1px solid rgba(84, 243, 166, 0.22);
  border-radius: 0.85rem;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.clinical-portal-card:hover {
  background: rgba(7, 31, 22, 0.98);
  border-color: #54f3a6;
  transform: translateX(3px);
  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.7), 0 0 16px -2px rgba(84, 243, 166, 0.25);
}

/* Strict Mobile Overflow Prevention */
html, body {
    max-width: 100vw;
    overflow-x: hidden !important;
    position: relative;
}