:root {
      --primary-navy: #0f172a;
      --accent-red: #e63946;
      --gold: #f1c40f;
      --success: #198754;
    }

    .news-ticker-container {
      display: flex;
      align-items: center;
      background: var(--primary-navy);
      height: 60px;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }


    .ticker-label {
      background: var(--accent-red);
      color: #fff;
      padding: 0 30px;
      height: 100%;
      display: flex;
      align-items: center;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    }


    .pulse-icon {
      width: 8px;
      height: 8px;
      background: #fff;
      border-radius: 50%;
      margin-right: 10px;
      animation: pulse 2s infinite;
    }


    .ticker-content {
      flex: 1;
      overflow: hidden;
    }

    .ticker-track {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      animation: scroll-left 15s linear infinite;
    }


    .ticker-track:hover {
      animation-play-state: paused;
    }


    .ticker-item {
      color: #f1f1f1;
      font-size: 24px;
      padding: 0 20px;
      text-transform: capitalize;
    }


    .ticker-divider {
      color: var(--gold);
      font-weight: bold;
    }


    .badge-year {
      color: var(--gold);
      font-weight: 700;
    }


    .btn-apply {
      background: var(--success);
      color: #fff;
      text-decoration: none;
      padding: 4px 12px;
      border-radius: 4px;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
    }


    @keyframes scroll-left {
      0% {
        transform: translateX(100%);
      }

      100% {
        transform: translateX(-100%);
      }
    }

    @keyframes pulse {
      0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
      }

      70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      }
    }