body {
      background-color: #fcfeff;
      color: #020617;
      -webkit-font-smoothing: antialiased;
    }

    .glass {
      background: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(24px);
      border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .hero-gradient {
      background: radial-gradient(circle at top left, #ffffff 0%, #ffffff 100%);
    }

    .scroll-reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .scroll-reveal.active {
      opacity: 1;
      transform: translateY(0);
    }

    .job-card {
      transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
      border: 1px solid rgba(15, 23, 42, 0.05);
      will-change: transform, box-shadow;
      background: #ffffff;
    }

    .job-card:hover {
      transform: translateY(-12px) scale(1.01);
      box-shadow: 0 40px 80px -20px rgba(0, 174, 239, 0.15);
      border-color: rgba(0, 174, 239, 0.3);
    }

    .shimmer {
      background: linear-gradient(90deg, #f0f4f8 25%, #e2e8f0 50%, #f0f4f8 75%);
      background-size: 200% 100%;
      animation: shimmer 1.5s infinite;
    }

    @keyframes shimmer {
      0% {
        background-position: -200% 0;
      }

      100% {
        background-position: 200% 0;
      }
    }

    /* Premium Custom Select Styling */
    .premium-select-wrap {
      position: relative;
      min-width: 200px;
    }

    .premium-select-trigger {
      background: #f8fafc;
      border: 2px solid transparent;
      padding: 1rem 1.5rem;
      border-radius: 1rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      color: #334155;
    }

    .premium-select-trigger:hover {
      background: white;
      border-color: #00aeef;
      box-shadow: 0 10px 25px -5px rgba(0, 174, 239, 0.1);
      transform: translateY(-1px);
    }

    .premium-select-options {
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(24px);
      border: 1px solid rgba(0, 174, 239, 0.1);
      border-radius: 1.25rem;
      padding: 0.75rem;
      z-index: 200;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px) scale(0.98);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: 0 20px 50px -12px rgba(2, 6, 23, 0.15);
    }

    .premium-select-wrap.active .premium-select-options {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }

    @media (max-width: 768px) {
      .premium-select-wrap {
        min-width: 100%;
      }

      .job-search-container {
        flex-direction: column;
      }

      .job-card {
        padding: 1.5rem !important;
      }
    }

    .premium-option {
      padding: 0.85rem 1.25rem;
      border-radius: 0.75rem;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s ease;
      color: #475569;
    }

    .premium-option:hover {
      background: #f0faff;
      color: #00aeef;
    }

    .premium-option.selected {
      background: #00aeef;
      color: white;
    }

    #mobile-menu-backdrop {
      transition: opacity 0.5s ease;
    }

    #mobile-menu-container {
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .float-whatsapp {
      position: fixed;
      bottom: 40px;
      right: 40px;
      z-index: 150;
      background: #25d366;
      color: white;
      width: 70px;
      height: 70px;
      border-radius: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 20px 40px rgba(37, 211, 102, 0.3);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .float-whatsapp:hover {
      transform: scale(1.1) rotate(10deg);
      box-shadow: 0 30px 60px rgba(37, 211, 102, 0.4);
    }

    @media (max-width: 640px) {
      .float-whatsapp {
        width: 56px;
        height: 56px;
        bottom: 24px;
        right: 24px;
        border-radius: 20px;
      }
    }