/* Removed the AdiHaus sports font and switched to standard web fonts via HTML import */

body,
html {
  min-width: 100%;
  min-height: 100vh;
  margin: 0;
  font-family: 'Montserrat', sans-serif; /* Clean, modern font for body text */
  background-color: #1a2a22; /* Dark green background from the logo */
  color: #e0e6e2; /* Soft off-white for readability */
}

body {
  display: flex;
}

.all-container {
  max-width: 450px;
  margin: 0 auto;
}

#logo {
    
 display: none;
  
}

#athlete-mobile {
  /* Temporary placeholder image for mobile - features green leaves */
  margin-top: 20px;
  background: url("safinagreen-app.png") no-repeat center center ;
  box-sizing: border-box;
  background-size: cover;
  height: 250px;
  width: 100%;
  border-radius: 4px;
}

.all-content-container {
  padding: 20px 30px;
}

.text-content-container {
  width: 100%;
  text-align: center;
}

h2,
p {
  margin: 0;
}

h2 {
  font-family: 'Playfair Display', serif; /* Elegant serif font for headings */
  font-size: 48px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

p {
  line-height: 28px;
  margin: 20px 0 40px;
  color: #c8d3cb; /* Light sage green for body text */
  font-weight: 300;
}

h2:nth-of-type(1) {
  color: #cda34f; /* Gold color matching the logo moon/text */
  font-weight: 400;
  margin-bottom: 5px;
}

h2:nth-of-type(2) {
  color: #e0e6e2; /* Off-white for contrast */
}

form {
  display: flex;
}

input[type="text"] {
  width: 75%;
  padding: 0 20px;
  height: 50px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.05); /* Slight transparency */
  border: 1px solid #cda34f; /* Gold border */
  color: #e0e6e2;
  font-family: 'Montserrat', sans-serif;
}

input[type="text"]::placeholder {
  color: #8c9b92;
}

input[type="text"]:focus {
  outline: none;
  border-color: #e5b95f; /* Brighter gold on focus */
}

input[type="submit"] {
  width: 25%;
  height: 50px;
  box-sizing: border-box;
  background-color: #cda34f; /* Gold button */
  font-weight: 700;
  font-size: 16px;
  color: #1a2a22; /* Dark green text inside button */
  border: none;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
  background-color: #e5b95f;
}

.desktop-image {
  display: none;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  body {
    /* Subtle dark green gradient for desktop background */
    background: linear-gradient(135deg, #121e18 0%, #1a2a22 100%);
  }

  .all-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .text-content-container {
    text-align: left;
  }
  
  #athlete-mobile {
    display: none;
  }
  
  #logo {
    width: 120px;
    height: 140px;
    margin: 0 ;
    display: block;
    margin-left: 0;
  }
  
  .desktop-image {
    display: block;
    width: 50%;
    /* Elegant leaf/nature placeholder image for desktop */
    background: url("safinagreen-desktop.jpg") no-repeat center center;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); /* Adjusted the angle slightly for a sharper look */
  }

  h2 {
    font-size: 64px;
  }
}
.logobox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
h5{
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  color: #cda34f; /* Gold color matching the logo moon/text */
  font-weight: 400;
}