:root {
          --primary-color: #f6f6f6;
          --secondary-color: #c541ab;
          --primary-dark: #b82c87;
          --background-dark: #a74bad;
          --background-color: #ffffff;
          --secondary-dark: #a74bad;
          --ui-dark: #a74bad ;
          --text-light: #ffffff;
          --text-muted: #ffffff;
          --font-headline: 'Anton', sans-serif;
          --font-body: 'Inter', sans-serif;
              }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
          font-family: var(--font-body);
          background-color: var(--background-dark);
          color: var(--text-light);
          overflow-x: hidden;
          line-height: 1.8;
          background:
            radial-gradient(circle at 15% 50%, #8e368326 0%, transparent 25%),
            radial-gradient(circle at 85% 30%, #e262a226 0%, transparent 25%),
            radial-gradient(circle at 50% 80%, #ffd7001a 0%, transparent 25%),
            linear-gradient(135deg, #9d549c 0%, #4e1b4e 100%);
        }

        /* Özel renk sınıfları */
        .text-gold { color: var(--color-black); }
        .text-pink { color: var(--color-pink); }
        .text-purple { color: var(--color-purple); }
        .text-blue { color: var(--color-blue); }
        .text-green { color: var(--color-green); }
        .text-red { color: var(--color-red); }
        .text-teal { color: var(--color-teal); }
        .text-orange { color: var(--color-orange); }

        /* YÜZEN DEKORATİF ÖĞELER */
        .floating-elements {
          position: fixed;
          width: 100%;
          height: 100%;
          pointer-events: none;
          z-index: 0;
          left: 0; top: 0;
          overflow: visible;
        }

        .floating-elements div {
          position: absolute;
          opacity: 0.8;
          animation: float 8s ease-in-out infinite;
        }


        @keyframes float {
          0% { transform: translateY(0px) rotate(0deg); }
          50% { transform: translateY(-25px) rotate(5deg); }
          100% { transform: translateY(0px) rotate(0deg); }
        }

     header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 20px 5%;
          background: rgba(188, 55, 161, 0.85);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          border-bottom: 1px solid #9d549c 0%, #4e1b4e 100%;
          position: fixed;
          width: 100%;
          z-index: 1000;
          top: 0;
          transition: background 0.3s ease;
        }

        .logo-container {
          display: flex;
          align-items: center;
          gap: 5px;
        }

  
        .logo-text {
  color: #ffffff !important; 
  background: transparent !important;
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.3) !important;
}


        .logo-image img {
          height: 45px;
          width: auto;
          margin-bottom: -0.5cm; 
        }

        .logo-text {
          font-family: var(--font-headline);
          font-size: 1.8rem;
          background: var(--primary-color); 
          color: var(--background-dark); 
          padding: 1px 15px; 
          border-radius: 8px;
          margin-left: 10px;
          font-weight: bold;
          box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3);
        }

        nav { display: flex; align-items: center; }
        nav a {
          text-decoration: none;
          color: var(--text-light);
          margin-left: 25px;
          font-weight: bold;
          transition: color 0.3s;
          font-size: 1.1rem;
        }
        nav a:hover { color: var(--primary-color); }

        /* HERO */
        .hero {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          min-height: 50vh;
          padding: 100px 5% 0;
          background:
            radial-gradient(circle at 70% 20%, #ab3ba933 0%, transparent 30%),
            radial-gradient(circle at 30% 70%, #99419033 0%, transparent 30%),
            linear-gradient(135deg, #35222f 0%, #3e213e 100%);
          position: relative;
          overflow: visible;
        }

        .hero::after {
          content: '';
          position: absolute;
          top: -70%;
          left: -50%;
          width: 200%;
          height: 200%;
          background: radial-gradient(ellipse at center, rgba(255, 215, 0, 0.05) 0%, transparent 70%);
          animation: rotate 30s linear infinite;
          pointer-events: none;
          z-index: 0;
        }

        @keyframes rotate {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }

        .hero-content {
    flex: 1;
    max-width: 500px;
    position: relative;
    z-index: 5;
    
    align-self: flex-start; 
    margin-left: auto; 
    margin-top: 10%; 
    margin-right: 5%; 
}

.hero-content h1 {
    font-family: var(--font-headline);
    font-size: 5.5rem;
     line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-shadow: 3px 3px 5px rgba(31, 30, 30, 0.5);
    color: rgba(184, 153, 15, 0.7);
    white-space: pre-line;
}

.hero-content h2 {
    font-family: var(--font-headline);
    font-size: 5.3rem;
    line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-shadow: 3px 3px 5px rgba(31, 30, 30, 0.5);
    color: rgba(255, 255, 255, 0.7);
    white-space: pre-line;
}

.hero-content h3 {
    font-family: var(--font-headline);
    font-size: 5.3rem;
    line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-shadow: 3px 3px 5px rgba(31, 30, 30, 0.5);
    color: rgba(203, 169, 18, 0.7);
    white-space: pre-line;
}

.hero-content h4 {
    font-family: var(--font-headline);
    font-size: 5.0rem;
     line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-shadow: 3px 3px 5px rgba(31, 30, 30, 0.5);
    color: rgba(203, 169, 18, 0.7);
    white-space: pre-line;
}

.hero-content h1 {
    color: #ffffff; /
}

.hero-content h2 {
    color: #ffffff; 
}

.hero-content h3 {
    color: #FFD700; 
}
.hero-content h4 {
    color: #ffffff; 
}

.hero-content p {
    font-size: 1.8rem;
    margin-bottom: 2.0rem;
    color: var(--text-muted);
    max-width: 750px;
    
}
   @media (max-width: 768px) {
            .hero-content h1 {
                font-size: 3.5rem;
                margin-bottom: 30px;
            }
            
            .hero-content h2 {
                font-size: 3.3rem;
                margin-bottom: 0;
            }
            
            .hero-content h3 {
                font-size: 3.3rem;
                margin-bottom: 0;
                margin-left: 10px;
            }
            
            .hero-content h4 {
                font-size: 3.0rem;
                margin-bottom: 30px;
            }
            
            .hero-content p {
                font-size: 1.1rem;
                padding: 0 15px;
            }
            
            .title-row {
                justify-content: center;
            }
        }
        
        /* Küçük mobil cihazlar için ek medya sorgusu */
        @media (max-width: 580px) {
            .hero-content h1 {
                font-size: 3.8rem;
                line-height: 0.8;
            }
            
            .hero-content h2 {
                font-size: 2.6rem;
                line-height: 0.8;
            }
            
            .hero-content h3 {
                font-size: 2.6rem;
                line-height: 0.8;
            }
            
            .hero-content h4 {
                font-size: 2.4rem;
                line-height: 0.8;
            }
            
            .title-row {
                flex-direction: row;
                justify-content: center;
            }
        }

.cta-button {
    font-family: var(--font-headline);
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: var(--background-dark);
    border: none;
    padding: 18px 45px;
    font-size: 1.6rem;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(188, 170, 71, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}

.cta-button:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255,215,0,0.6);
}

        /* HERO IMAGE */
        .hero-image {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: flex-end;
          width: 50%;
          z-index: 5;
          margin-top: auto;
        }

        .hero-image img {
          display: block;
          width: 100%;
          max-width: 850px;
          height: auto;
          max-height: 80vh;
          object-fit: contain;
          object-position: bottom;
        }

        /* TICKER */
        .ticker-wrap {
          width: 100%;
          overflow: hidden;
          background: linear-gradient(135deg, #92318a 0%, #bcaa2f 100%);
          padding: 25px 0;
          position: relative;
          z-index: 6;
          transform: skewY(-2deg);
          margin-top: -5px;
        }

        .ticker {
          display: flex;
          animation: scroll 25s linear infinite;
        }

        .ticker-item {
          font-family: var(--font-headline);
          font-size: 3rem;
          white-space: nowrap;
          padding: 0 50px;
          display: flex;
          align-items: center;
          flex-shrink: 0;
          font-weight: bold;
        }

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

        /* FEATURES */
        .features {
          text-align: center;
          padding: 50px 5% 0;
          background:
            radial-gradient(circle at 90% 10%, rgba(255, 105, 180, 0.15) 0%, transparent 25%),
            radial-gradient(circle at 10% 90%, rgba(255, 223, 0, 0.15) 0%, transparent 25%),
            linear-gradient(45deg, var(--secondary-dark) 0%, #1a0a1a 100%);
          position: relative;
          overflow: visible;
        }

        .features h2 {
          font-family: var(--font-headline);
          font-size: 4.5rem;
          margin-bottom: 60px;
          text-transform: uppercase;
          position: relative;
          z-index: 10;
        }

        /* Yeni eklenen kayan yazı - WHAT DO WE OFFER? bölümü için */
        .features-ticker-wrap {
          width: 100%;
          overflow: hidden;
          background: linear-gradient(135deg, #831d77 0%, #cbb736 100%);
          padding: 25px 0;
          position: relative;
          z-index: 6;
          transform: skewY(-2deg);
          margin-top: -5px;
        }

        .features-ticker {
          display: flex;
          animation: scroll-reverse 25s linear infinite;
        }

        .features-ticker-item {
          font-family: var(--font-headline);
          font-size: 3rem;
          white-space: nowrap;
          padding: 0 50px;
          display: flex;
          align-items: center;
          flex-shrink: 0;
          font-weight: bold;
        }

        .features-grid {
          display: grid;
          grid-template-areas:
            "avantaj center populer"
            "fayda center hizli"
            ". sadakat .";
          grid-template-columns: 1fr auto 1fr;
          grid-template-rows: auto auto auto;
          gap: 25px;
          max-width: 1200px;
          margin: 0 auto;
          align-items: end;
          margin-top: 2cm;
        }

        #avantaj { grid-area: avantaj; justify-self: end; }
        #populer { grid-area: populer; justify-self: start; }
        #fayda { grid-area: fayda; justify-self: end; }
        #hizli { grid-area: hizli; justify-self: start; }
        #sadakat { grid-area: sadakat; justify-self: center; }

        .features-center {
          grid-area: center;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          min-height: 550px;
          transform: translateY(0.7cm);
        }

        .features-center img {
          max-width: 550px;
          width: 100%;
          height: auto;
          max-height: 80vh;
          object-fit: contain;
          object-position: bottom;
        }

        .feature-card {
          background: var(--ui-dark);
          border-radius: 18px;
          padding: 25px 15px;
          font-family: var(--font-headline);
          font-weight: bold;
          font-size: 1.2rem;
          text-align: center;
          box-shadow: 0 8px 32px rgba(199, 64, 186, 0.5);
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 100px;
          text-transform: uppercase;
          letter-spacing: 1px;
          width: 100%;
          max-width: 250px;
        }

        /* JOIN SECTION */
        .join-section {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          padding: 80px 5% 0;
          background:
            radial-gradient(circle at 70% 30%, #db46ae1a 0%, transparent 25%),
            radial-gradient(circle at 30% 70%, #db46ae1a 0%, transparent 25%),
            linear-gradient(135deg, var(--background-dark) 0%, #1a0a1a 100%);
          gap: 30px;
          min-height: auto;
          position: relative;
          overflow: visible;
        }

        .join-content {
          order: 1;
          max-width: 600px;
          width: 100%;
          text-align: center;
          margin-bottom: 30px;
        }

        .join-image {
          order: 2;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          width: 100%;
          margin-top: auto;
        }

        .steps {
          display: flex;
          flex-direction: column;
          gap: 20px;
          margin-bottom: 20px;
          width: 100%;
        }

        .step {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 25px;
          font-size: 1.2rem;
          background: rgba(56, 46, 58, 0.7);
          padding: 15px 20px;
          border-radius: 12px;
          transition: background 0.3s;
        }

        .step:hover {
          background: rgba(42, 42, 42, 0.9);
        }

        .step span {
          background: var(--primary-color);
          color: var(--background-dark);
          border-radius: 50%;
          width: 80px;
          aspect-ratio: 1 / 1;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: var(--font-headline);
          font-size: 1.5rem;
          font-weight: bold;
          flex-shrink: 0;
        }

        .register-btn {
          display: flex;
          justify-content: center;
          margin-top: 20px;
          width: 100%;
          margin-bottom: 1.5cm; 
        }

        .register-btn .cta-button {
          text-align: center;
          display: inline-block;
          padding: 12px 30px;
          background: var(--primary-color);
          color: var(--background-dark);
          border-radius: 8px;
          font-weight: bold;
          cursor: pointer;
          transition: transform 0.2s, box-shadow 0.2s;
        }

        .register-btn .cta-button:hover {
          transform: translateY(-2px);
          box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        }

        /* FORM BÖLÜMÜ */
        .form-section {
          padding: 80px 5%;
          display: flex;
          justify-content: center;
          align-items: center;
          background:
            radial-gradient(circle at 20% 80%, rgba(181, 85, 173, 0.1) 0%, transparent 25%),
            radial-gradient(circle at 80% 20%, rgba(143, 65, 104, 0.1) 0%, transparent 25%),
            linear-gradient(225deg, var(--secondary-dark) 0%, #1a0a1a 100%);
        }

        .form-container {
          max-width: 500px;
          width: 100%;
          background: var(--ui-dark);
          border-radius: 15px;
          padding: 40px;
          box-shadow: 0 15px 35px rgba(116, 115, 45, 0.5);
        }

        .form-container h3 {
          font-family: var(--font-headline);
          font-size: 2.5rem;
          margin-bottom: 15px;
          text-align: center;
          text-transform: uppercase;
        }

        .form-container p {
          margin-bottom: 30px;
          font-size: 1.1rem;
          color: var(--text-muted);
          text-align: center;
        }

        .form-group {
          margin-bottom: 25px;
        }

        .form-group label {
          display: block;
          margin-bottom: 10px;
          font-weight: bold;
        }

        #joinForm input {
          width: 100%;
          padding: 16px;
          border: 2px solid #555;
          border-radius: 8px;
          font-size: 1.1rem;
          background-color: rgba(0, 0, 0, 0.3);
          color: var(--text-light);
          transition: all 0.3s ease;
        }

        #joinForm input:focus {
          outline: none;
          border-color: var(--primary-color);
          box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
        }

        #joinForm button {
          width: 100%;
          padding: 18px;
          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
          color: var(--background-dark);
          border: none;
          border-radius: 8px;
          font-family: var(--font-headline);
          font-size: 1.3rem;
          cursor: pointer;
          transition: all 0.3s ease;
          margin-top: 15px;
          text-transform: uppercase;
        }

        #joinForm button:hover {
          transform: translateY(-3px);
          box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);
        }

        .error-message {
          color: #FFD700;
          font-size: 0.95rem;
          margin-top: 4px;
          min-height: 16px;
          display: block;
        }

        .form-success {
          color: #FFD700;
          font-size: 1.05rem;
          margin-top: 16px;
          text-align: center;
        }

        /* FOOTER */
        footer {
          text-align: center;
          padding: 40px 5%;
          background-color: var(--background-dark);
          font-size: 1rem;
          border-top: 1px solid #333;
        }

        footer a {
          color: var(--primary-color);
          text-decoration: none;
          transition: color 0.3s ease;
          margin: 0 15px;
        }

        footer a:hover { text-decoration: underline; }

        /* MOBİL  */
        @media (max-width: 1200px) {
          .hero-content h1 { font-size: 3rem; }
          .features h2 { font-size: 2.2rem; }
        }

        @media (max-width: 992px) {
          .hero {
            flex-direction: column;
            text-align: center;
            padding: 150px 5% 0;
          }

          .hero-content, .hero-image {
            width: 100%;
            max-width: 100%;
          }

          .hero-content {
            margin-bottom: 30px;
          }

          .hero-image img {
            max-height: 50vh;
          }

          .features-grid {
            grid-template-areas:
              "avantaj"
              "populer"
              "fayda"
              "hizli"
              "sadakat"
              "center";
            grid-template-columns: 1fr;
            gap: 20px;
            max-width: 400px;
          }

          .features-center {
            min-height: 300px;
            order: 6;
          }

          .features-center img {
            max-width: 120%;
            max-height: 40vh;
          }

          .feature-card {
            width: 100%;
            max-width: 100%;
            margin: 10px 0;
          }

          .join-section {
            flex-direction: column;
            gap: 30px;
            padding: 60px 5% 0;
          }

          .join-image, .join-content {
            width: 100%;
          }

          .join-image img {
            max-width: 100%;
            max-height: 40vh;
          }

          .step span {
            width: 80px;
            height: 80px;
            font-size: 4rem;
          }

          .ticker-item {
            font-size: 3rem;
          }

          .features-ticker-item {
            font-size: 3rem;
          }
        }

        @media (max-width: 768px) {
          header {
            flex-direction: column;
            gap: 20px;
            position: relative;
            background: var(--background-dark);
            padding: 15px 5%;
          }

          .hero-content h1 { font-size: 3rem; }
          .features h2 { font-size: 3rem; }

          .hero-content p {
            font-size: 1.1rem;
          }

          .cta-button {
            padding: 15px 30px;
            font-size: 1.7rem;
          }

          .form-container {
            padding: 30px 20px;
          }

          .ticker-item {
            font-size: 3rem;
            padding: 0 50px;
          }

          .features-ticker-item {
            font-size: 3rem;
            padding: 0 25px;
          }
        }

        @media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2.6rem;
    line-height: 0.9;
    margin-bottom: 5px;
  }
  
  .hero-content h2 {
    font-size: 2.8rem;
    line-height: 0.9;
    margin-bottom: 5px;
  }
  
  .hero-content h3 {
    font-size: 2.8rem;
    line-height: 0.9;
    margin-bottom: 3px;
  }
  
  .hero-content h4 {
    font-size: 2.6rem;
    line-height: 0.9;
    margin-bottom: 15px;
  }
  
  .features h2 {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
          

          .hero {
            padding: 120px 5% 0;
          }

          .step span {
            width: 60px;
            height: 60px;
            font-size: 3rem;
          }

          .ticker-item {
            font-size: 2rem;
            padding: 0 20px;
          }

          .features-ticker-item {
            font-size: 2rem;
            padding: 0 15px;
          }

          .logo {
            font-size: 1.8rem;
          }

          .logo span {
            font-size: 1.5rem;
          }
        

        /* KAYAN YAZI TERS YÖN */
        .ticker-wrap.reverse .ticker {
          animation: scroll-reverse 25s linear infinite;
        }

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

        /* ======= DESKTOP (Geniş ekran) ÖZEL DÜZELTMELER ======= */
        @media (min-width: 993px) {
          .steps {
            position: relative;
            z-index: 12;
            max-width: 720px;
            margin: 0 auto 30px;
            display: flex;
            flex-direction: column;
            gap: 22px;
            padding: 10px 0;
            align-items: center;
          }

          .step {
            width: 100%;
            max-width: 720px;
            background: rgba(26,26,26,0.92);
            border-radius: 12px;
            padding: 18px 26px;
            display: flex;
            align-items: center;
            gap: 18px;
            box-shadow: 0 6px 18px rgba(0,0,0,0.45);
            text-align: right;
          }

          .step span {
            width: 56px;
            height: 56px;
            min-width: 56px;
            background: var(--primary-color);
            color: var(--background-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--font-headline);
            font-size: 1.6rem;
            font-weight: bold;
            flex-shrink: 0;
          }

          .register-btn, .register-btn .cta-button {
            z-index: 8;
            position: relative;
          }

          .join-section {
            padding-bottom: 120px;
            min-height: auto;
          }

          .join-image {
            margin-top: 40px;
            max-width: 640px;
          }

          .join-image img {
            max-width: 100%;
            max-height: 62vh;
            object-fit: contain;
            object-position: bottom;
          }

          .floating-elements { 
            z-index: 0;
          }

          .ticker-wrap { z-index: 6; }
        }

        html, body {
          max-width: 100%;
          overflow-x: hidden;
        }
        @media (min-width: 993px) {
          .hero {
            flex-direction: row !important;
            text-align: left !important;
            padding: 120px 5% 0 !important;
          }
          
          .hero-content {
            max-width: 45% !important;
            margin-bottom: 50px !important;
            text-align: left !important;
          }
          
          .hero-image {
            width: 50% !important;
            max-width: none !important;
          }
          
          .hero-image img {
            max-width: 650px !important;
            max-height: 80vh !important;
          }
          
          .features-grid {
            grid-template-areas:
              "avantaj center populer"
              "fayda center hizli"
              ". sadakat ." !important;
            grid-template-columns: 1fr auto 1fr !important;
            max-width: 1200px !important;
          }
          
          #avantaj, #fayda { 
            justify-self: end !important; 
          }
          
          #populer, #hizli { 
            justify-self: start !important; 
          }
          
          #sadakat { 
            justify-self: center !important; 
            margin-bottom: 1cm; 
          }
          
          .features-center {
            order: 0 !important;
            min-height: 450px !important;
          }
          
          .feature-card {
            max-width: 250px !important;
            min-height: 100px !important;
          }
          
          .join-section {
            flex-direction: row !important;
            align-items: flex-end !important;
            justify-content: center !important;
            padding: 80px 5% 0 !important;
            gap: 50px !important;
            min-height: 80vh !important;
          }
          
          .join-content {
            order: 0 !important;
            max-width: 500px !important;
            width: 50% !important;
            text-align: left !important;
            margin-bottom: 0 !important;
          }
          
          .join-image {
            order: 0 !important;
            width: 50% !important;
            margin-top: 0 !important;
          }
          
          .join-image img {
            max-width: 550px !important;
            max-height: 70vh !important;
          }
          
          .steps {
            margin-bottom: 25px !important;
          }
          
          .step {
            justify-content: flex-start !important;
            text-align: left !important;
          }
          
          .register-btn .cta-button {
            width: auto !important;
            min-width: 400px !important;
          }
        }

        @media (min-width: 769px) and (max-width: 992px) {
          .hero {
            flex-direction: column;
            text-align: center;
            padding: 100px 5% 0;
          }
          
          .hero-content {
            max-width: 80% !important;
            margin-bottom: 40px;
            text-align: center;
          }
          
          .hero-image {
            width: 80% !important;
          }
          
          .join-section {
            flex-direction: column;
            gap: 40px;
            padding: 60px 5% 0;
          }
          
          .join-content, .join-image {
            width: 100% !important;
            max-width: 600px !important;
          }
          
          .step {
            justify-content: center !important;
            text-align: center !important;
          }
        }

        @media (min-width: 769px) {
          header {
            flex-direction: row !important;
            justify-content: space-between !important;
            background: transparent !important;
            position: absolute !important;
            padding: 20px 5% !important;
          }
          
          .ticker-item {
            font-size: 3rem !important;
            padding: 0 50px !important;
          }
          
          .features-ticker-item {
            font-size: 2.2rem !important;
            padding: 0 40px !important;
          }
          
          .features h2 {
            font-size: 4.5rem !important;
            margin-bottom: 60px !important;
          }
        }

        @media (min-width: 1201px) {
          .hero-content h1 {
            font-size: 4.5rem !important;
          }
          
          .features h2 {
            font-size: 4.5rem !important;
          }
          
          .hero-image img {
            max-width: 700px !important;
          }
          
          .features-center img {
            max-width: 550px !important;
          }
          
          .join-image img {
            max-width: 600px !important;
          }
        }

        @media (min-width: 993px) {
          .step span {
            width: 110px !important;
            height: 135px !important;
            font-size: 8.2rem !important;
          }
          
          .step {
            font-size: 1.15rem !important;
            justify-content: flex-start !important;
            background: transparent !important;
            padding: 0 !important;
          }
        }

        @media (min-width: 993px) {
          .form-container {
            max-width: 500px !important;
          }