@font-face {
      font-family: 'Firenight';
      src: url('../img/Firenight-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
    }

    body {
      background-color: #000;
      color: white;
      font-family: Helvetica, sans-serif;
    }

    header {
      width: 100%;
      padding: 1rem 0;
    }

    .logo {
      max-height: 60px;
    }

    .logo-large {
      max-width: 320px;
      margin: 2rem auto;
      display: block;
    }

    .nav-menu {
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 0.9rem;
    }

    .nav-menu a {
      color: white;
      margin: 0 1rem;
      text-decoration: none;
    }

    .custom-title {
      font-family: 'Firenight', sans-serif;
      font-size: 2.2rem;
    }

    .subtitle {
      font-size: 1.2rem;
      font-weight: bold;
    }

    .btn-custom {
      font-weight: bold;
      font-size: 1rem;
      padding: 0.8rem 1.5rem;
      border-radius: 12px;
      width: 100%;
    }

    .btn-group-wrapper {
      max-width: 400px;
      margin: 2rem auto;
    }

    .social-icons img {
      width: 40px;
      margin: 0 0.4rem;
    }

    @media (max-width: 768px) {
      .custom-title {
        font-size: 1.8rem;
      }

      .subtitle {
        font-size: 1rem;
      }

      .logo {
        max-height: 50px;
      }

      .nav-menu {
        font-size: 0.8rem;
      }

      .logo-large {
        max-width: 240px;
      }
    }