body,
      html {
          height: 100%;
          margin: 0;
          font-family: 'Segoe UI', sans-serif;
          background: url('assets/pretified-forest_1200x900.jpg') no-repeat center center fixed;
          background-size: cover;
          color: white;
      }

      .overlay {
          background-color: rgba(0, 0, 0, 0.6);
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
      }

      .glass-card {
          background: rgba(255, 255, 255, 0.1);
          border-radius: 20px;
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
          max-width: 700px;
          width: 100%;
          color: #1e1e1e;
      }

      .hero {
          padding-top: 60px;
          padding-bottom: 80px;
          min-height: 100vh;
      }

      .divider {
          width: 60%;
          height: 3px;
          background-color: #1e1e1e;
          border: none;
          margin: 20px auto;
          opacity: 0.6;
          border-radius: 2px;
      }

      .app-store-button {
          margin: 25px;
      }

      .app-store-logo {
          height: 55px;
          width: auto;
          max-width: 100%;
          display: inline-block;
      }

      .app-screenshot {
          max-height: 350px;
          max-width: 100%;
      }

      .footer {
          background-color: rgba(0, 0, 0, 0.7);
          color: #ccc;
          padding: 30px 10px 20px 10px;
          text-align: center;
      }

      .footer a {
          color: #ccc;
          margin: 0 10px;
          text-decoration: none;
      }

      .footer a:hover {
          color: #f5f5dc;
      }

      .footer p {
          padding: 40px 0px 0px 0px;
      }