body {
     background: url('https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/82de2c11-8c42-49fe-abc7-7d1da27f0b23.png') no-repeat center center fixed;
     background-size: cover;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: white;
     min-height: 100vh;
     margin: 0;
     padding: 0 0 3rem 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
     background-blend-mode: overlay;
 }

 .overlay {
     background: rgba(0, 0, 0, 0.6);
     position: fixed;
     inset: 0;
     z-index: -1;
 }

 h1 {
     font-family: 'Brush Script MT', cursive;
     font-weight: 700;
     font-size: 3.75rem;
     line-height: 1.1;
     margin-bottom: 0.15rem;
     text-shadow: 2px 2px 10px #000;
 }

 h2 {
     font-weight: 700;
     font-size: 1.2rem;
     text-shadow: 1px 1px 6px #000;
 }

 .green-label {
     background-color: #6fcf97;
     color: #093214;
     font-weight: 900;
     padding: 0.3em 1em;
     border-radius: 9999px;
     box-shadow: 1px 2px 4px rgb(0 0 0 / 0.3);
     user-select: none;
     text-align: center;
     margin: 1rem auto;
 }

 .button-book {
     transition: transform 0.2s ease-in-out, box-shadow 0.3s ease;
 }

 .button-book:hover {
     transform: scale(1.05);
     box-shadow: 0 6px 15px rgba(111, 207, 151, 0.7);
 }

 .info-box {
     background-color: #6fcf97bb;
     color: #093214;
     padding: 1.2rem 1.5rem;
     border-radius: 1rem;
     box-shadow: 2px 5px 12px rgb(0 0 0 / 0.3);
     max-width: 350px;
     font-weight: 700;
     margin: 1rem;
     user-select: none;
 }

 .info-box ul {
     list-style: disc inside;
     margin-top: 0.5rem;
     line-height: 1.5;
     padding-left: 0;
     font-weight: 600;
 }

 .cards-container {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 1rem;
     margin-top: 2rem;
 }

 .organizer {
     background-color: #6fcf97;
     color: #093214;
     font-weight: 700;
     padding: 0.6rem 1.3rem;
     border-radius: 9999px;
     box-shadow: 0 4px 12px rgb(0 0 0 / 0.35);
     font-size: 1.4rem;
     margin-top: 2.5rem;
     text-align: center;
     max-width: 400px;
     width: 90%;
 }

 .header-section {
     text-align: center;
     margin-top: 1.5rem;
     margin-bottom: 0.6rem;
     user-select: none;
     size: 3rem;
 }

 .price-book-section {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 1.25rem;
     margin: 0.5rem auto;
     flex-wrap: wrap;
 }

 .price {
     background-color: #dc3545;
     color: white;
     font-weight: 900;
     padding: 0.7rem 1.4rem;
     border-radius: 0.5rem;
     font-size: 1.9rem;
     box-shadow: 0 5px 25px rgb(220 53 69 / 0.65);
     user-select: none;
 }

 .per-person {
     background-color: #6fcf97;
     color: #093214;
     font-weight: 700;
     padding: 0.7rem 1rem;
     border-radius: 9999px;
     font-size: 1.2rem;
     user-select: none;
     box-shadow: 1px 1px 6px rgb(0 0 0 / 0.4);
 }

 .btn-book-now {
     background-color: #6fcf97;
     color: #093214;
     font-weight: 900;
     padding: 0.7rem 1.8rem;
     border-radius: 1rem;
     font-size: 1.5rem;
     cursor: pointer;
     box-shadow: 0 6px 14px rgb(111 207 151 / 0.8);
     border: none;
     user-select: none;
     transition: background-color 0.3s ease;
 }

 .btn-book-now:hover {
     background-color: #51b675;
 }

 .pickup-info {
     margin-top: 2rem;
     font-size: 1.3rem;
     font-weight: 700;
     text-align: center;
     text-shadow: 2px 2px 8px #000;
 }