* { box-sizing: border-box; }
body, html { margin: 0; padding: 0; height: 100%; font-family: 'Helvetica', sans-serif; }

.hero-container {
    background: url('gurugram-club-tribe-hero.png') no-repeat center center fixed;
    background-size: cover; /* Ensures image covers whole background */
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-content {
    background: rgba(0, 0, 0, 0.7); /* Dark overlay for readability */
    padding: 3rem;
    border-radius: 15px;
    text-align: center;
    color: #ffffff;
    width: 90%;
    max-width: 600px;
}

h1 { font-size: 3rem; letter-spacing: 5px; margin: 0 0 1rem 0; }
.tagline { color: #d4af37; margin-bottom: 2rem; font-size: 1.2rem; }

input { padding: 15px; width: 100%; margin-bottom: 1rem; border: 1px solid #333; background: #111; color: #fff; }
button { padding: 15px; width: 100%; background: #d4af37; border: none; cursor: pointer; color: #000; font-weight: bold; text-transform: uppercase; }

/* Responsive adjustments */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    .hero-content { padding: 2rem; }
}