* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }

body { scroll-behavior: smooth; }

/* HEADER */
.email-text {
    color: #fff;
    font-size: 12px;
    background: rgba(0,0,0,0.4);
    padding: 6px 10px;
    border-radius: 12px;
    white-space: nowrap;
}

.header {
    position: fixed;
    top:0; left:0;
    width:100%;
    background: rgba(0,0,0,0.6);
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding:10px 15px;
    z-index:1000;
    flex-wrap: wrap;
}

.logo {
    display:flex;
    align-items:center;
    gap:8px;
    color:white;
    font-weight:bold;
    font-size:14px;
}

.logo img {
    height:36px;
}

.header-btns {
    display:flex;
    gap:8px;
}

.header-btns a {
    background:#16a34a;
    color:white;
    padding:6px 12px;
    border-radius:20px;
    text-decoration:none;
    font-size:13px;
    white-space: nowrap;
}

/* MOBILE FIX */
@media (max-width: 600px) {
    .header {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .header-btns {
        justify-content: center;
    }
}

/* HERO */
.hero { position:relative; height:100vh; overflow:hidden; }
.hero video { position:absolute; width:100%; height:100%; object-fit:cover; }
.overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.hero-content {
    position:relative;
    z-index:2;
    color:white;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    padding:20px;
}
.hero-content h1 { font-size:42px; }
.hero-content .cta { margin-top:15px; font-size:20px; color:#ffd700; }

/* Floating WhatsApp */
.whatsapp-float {
    position:fixed; right:20px; bottom:20px;
    background:#16a34a; color:white;
    padding:14px 20px;
    border-radius:50px;
    text-decoration:none;
    animation:blink 1s infinite;
    z-index:999;
}
@keyframes blink { 0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} }

/* AMENITIES */
.amenities { padding:60px 20px; text-align:center; background:#0f172a; color:white; }
.amenities-grid {
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
}
.amenities-grid div {
    background:#020617;
    padding:20px;
    border-radius:12px;
}

/* ROOMS */
.rooms { padding:60px 20px; text-align:center; }
.room-grid {
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}
.room-card {
    background:#0f172a;
    color:white;
    border-radius:16px;
    overflow:hidden;
}
.room-card img { width:100%; height:200px; object-fit:cover; }

/* GALLERY */
.gallery { padding:60px 20px; text-align:center; background:#f3f3f3; }
.gallery-grid {
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
}
.gallery-grid img {
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:12px;
}

/* ABOUT */
.about { padding:60px 20px; }
.about-container {
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
}
.about img { width:100%; border-radius:16px; }
.devotional { color:#b91c1c; font-weight:bold; }

/* REVIEWS */
.reviews { padding:60px 20px; text-align:center; background:#2a1f1f; color:white; }
.review-card {
    background:#1f1515;
    margin:15px auto;
    max-width:800px;
    padding:20px;
    border-radius:12px;
}

/* LOCATION */
.location { padding:60px 20px; text-align:center; }
.cta2 { color:green; font-weight:bold; margin:10px 0; }