html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ffb6c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff91a4}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 20px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo h2{color:#d2691e;font-size:28px;margin:0}.logo span{color:#666;font-size:14px;display:block;margin-top:-5px}.nav ul{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav button{background:none;border:none;color:#333;font-size:16px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:5px;transition:all .3s ease}.nav button:hover{background:#d2691e;color:#fff}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px}.menu-toggle span{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s;border-radius:2px}@media (max-width: 768px){.menu-toggle{display:flex}.nav{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 5px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav ul{flex-direction:column;padding:20px;gap:0}.nav button{width:100%;text-align:left;padding:15px;border-bottom:1px solid #eee}}.hero{height:100vh;background:linear-gradient(#0006,#0006),url(/images/hawamahal.jpeg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;text-align:center}.hero-content{max-width:800px;padding:0 20px;z-index:2}.hero-content h1{font-size:3.5rem;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:1.3rem;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-buttons{margin-top:30px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-overlay{position:absolute;inset:0;background:#d2691e1a;pointer-events:none}@media (max-width: 768px){.hero{background-attachment:scroll;min-height:100vh;height:auto}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:200px}}@media (max-width: 480px){.hero{background-attachment:scroll;background-size:cover;background-position:center center}.hero-content h1{font-size:2rem}.hero-content{padding:40px 20px}}.hero-gallery{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3}.gallery-container{display:flex;gap:15px;justify-content:center;align-items:center}.gallery-item{position:relative;width:130px;height:80px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 25px #0000004d}.gallery-item:hover{transform:translateY(-10px) scale(1.1);border-color:#d2691e;box-shadow:0 15px 35px #0006}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:8px 4px 4px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-title{font-size:.7rem;font-weight:600;text-align:center;display:block;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media (max-width: 768px){.hero-gallery{bottom:20px}.gallery-container{gap:10px}.gallery-item{width:95px;height:60px}.gallery-title{font-size:.6rem}}@media (max-width: 480px){.gallery-container{gap:8px}.gallery-item{width:80px;height:50px}}.about{padding:60px 0;background:#f8f9fa}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{color:#d2691e;font-size:2.5rem;margin-bottom:30px}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#555}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:25px}.highlight{text-align:center;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.highlight:hover{transform:translateY(-5px)}.highlight h4{color:#d2691e;font-size:1.2rem;margin-bottom:10px}.highlight p{color:#666;font-size:.9rem;margin:0}.about-image{position:relative}.about-image img{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:transform .3s ease}.about-image img:hover{transform:scale(1.02)}.image-placeholder{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;padding:100px 40px;border-radius:15px;text-align:center;font-size:1.2rem;font-weight:600}.image-placeholder small{display:block;margin-top:10px;font-size:.8rem;opacity:.8}@media (max-width: 768px){.about{padding:40px 0}.about-content{grid-template-columns:1fr;gap:40px}.about-text h2{font-size:2rem;text-align:center}.highlights{grid-template-columns:1fr}}.rooms{padding:50px 0;background:#fff}.rooms h2{text-align:center;color:#d2691e;font-size:2.5rem;margin-bottom:20px}.offerings-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px;align-items:stretch}.room-column,.spaces-column{display:flex;flex-direction:column;min-height:100%}.room-column h3,.spaces-column h3{color:#d2691e;font-size:1.6rem;text-align:center;margin-bottom:25px}.shared-subtitle{text-align:center;color:#666;font-size:1rem;margin-bottom:30px}.room-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.room-card:hover{transform:translateY(-5px)}.spaces-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.space-card{background:#f8f9fa;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:transform .3s ease;display:flex;flex-direction:column;gap:0;min-height:420px}.space-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.room-image{height:300px;position:relative;margin-bottom:30px}.space-image{height:260px;position:relative}.room-image .image-placeholder,.space-image .image-placeholder{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;font-weight:600;text-align:center;padding:10px}.room-image img,.space-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.room-card:hover .room-image img,.space-card:hover .space-image img{transform:scale(1.05)}.room-image .image-placeholder{font-size:1.1rem}.room-image .image-placeholder small,.space-image .image-placeholder small{margin-top:8px;font-size:.7rem;opacity:.8}.room-content{padding:25px}.space-content{padding:20px;display:flex;flex-direction:column;justify-content:center}.room-content h4{color:#d2691e;font-size:1.4rem;margin-bottom:15px}.space-content h4{color:#d2691e;font-size:1.1rem;margin-bottom:8px}.room-description{color:#666;line-height:1.6;margin-bottom:25px}.space-description{color:#666;line-height:1.6;margin-bottom:0;font-size:.9rem;text-align:justify}.amenities-section{margin-bottom:25px}.amenities-section h5{color:#333;font-size:1.1rem;margin-bottom:15px;border-bottom:2px solid #d2691e;padding-bottom:5px}.room-features{list-style:none;margin-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.space-features{list-style:none;margin:0}.room-features li{color:#555;padding:4px 0;font-size:.9rem}.space-features li{color:#555;padding:2px 0;font-size:.85rem}.room-features li:before,.space-features li:before{content:"✓";color:#28a745;font-weight:700;margin-right:8px}.room-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:20px;margin-top:25px}.price-section{display:flex;flex-direction:column;gap:8px}.price-container{display:flex;align-items:center;gap:12px}.original-price{font-size:1.1rem;color:#999;text-decoration:line-through;font-weight:500}.current-price{font-size:1.5rem;font-weight:700;color:#d2691e}.deal-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #28a7454d;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 2px 8px #28a7454d}50%{box-shadow:0 4px 16px #28a74580}to{box-shadow:0 2px 8px #28a7454d}}.btn-book{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-book:hover{background:linear-gradient(135deg,#ff8c00,#d2691e);transform:translateY(-2px)}@media (max-width: 768px){.rooms{padding:40px 0}.rooms h2{font-size:2rem}.offerings-layout{grid-template-columns:1fr;gap:40px}.room-column h3,.spaces-column h3{font-size:1.5rem}.room-features{grid-template-columns:1fr}.spaces-list{grid-template-columns:1fr;gap:20px}.space-image{height:150px}.room-footer{flex-direction:column;gap:15px;text-align:center}}.location{padding:60px 0;background:#fff}.location h2{text-align:center;color:#d2691e;font-size:2.5rem;margin-bottom:20px}.location-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.address-card{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;padding:30px;border-radius:15px;margin-bottom:30px}.address-card h3{font-size:1.4rem;margin-bottom:15px}.address-card p{margin-bottom:10px;opacity:.9}.nearby-attractions h3,.transport-info h3{color:#d2691e;font-size:1.3rem;margin-bottom:20px}.attractions-grid{display:grid;grid-template-columns:1fr;grid-auto-flow:row;gap:15px;margin-bottom:30px;width:100%}.attraction-box{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0;width:100%;max-width:100%}.attraction-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.attraction-image{position:relative;height:120px;overflow:hidden}.attraction-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.attraction-box:hover .attraction-image img{transform:scale(1.05)}.distance-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;padding:8px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;box-shadow:0 4px 15px #d2691e4d}.distance-badge .distance{display:block;font-size:.9rem;font-weight:700}.distance-badge .time{display:block;font-size:.7rem;opacity:.9;margin-top:2px}.attraction-content{padding:12px}.attraction-content h4{color:#333;font-size:.9rem;margin-bottom:4px;font-weight:600}.attraction-content p{color:#666;font-size:.75rem;line-height:1.3;margin:0}.nearby-attractions{padding-top:10px}.transport-info{margin-top:30px}.transport-info ul{list-style:none;padding:0}.transport-info li{padding:10px 0;color:#555;border-bottom:1px solid #eee}.transport-info li:before{content:"🚗";margin-right:10px}.map-container{position:relative;display:flex;flex-direction:column;gap:30px}.map-frame{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px}.map-frame h4{color:#d2691e;font-size:1.3rem;margin-bottom:15px;text-align:center}.map-frame iframe{width:100%;height:300px;border:none;border-radius:10px}.map-note{text-align:center;color:#666;font-size:.9rem;margin-top:10px;font-style:italic}@media (min-width: 1025px){.attractions-grid{grid-template-columns:1fr!important;grid-auto-flow:row!important}}@media (max-width: 1024px) and (min-width: 769px){.attractions-grid{grid-template-columns:1fr;gap:25px}}@media (max-width: 768px){.location{padding:40px 0}.location h2{font-size:2rem}.location-content{grid-template-columns:1fr;gap:40px}.attractions-grid{grid-template-columns:1fr;gap:20px}.attraction-image{height:180px}.distance-badge{top:10px;right:10px;padding:6px 10px;font-size:.75rem}.attraction-content{padding:12px}.attraction-content h4{font-size:.9rem}.attraction-content p{font-size:.75rem}}.contact{padding:60px 0;background:#f8f9fa}.contact h2{text-align:center;color:#d2691e;font-size:2.5rem;margin-bottom:20px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px;align-items:stretch}.contact-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px #0000001a;height:100%;display:flex;flex-direction:column;justify-content:space-between}.contact-card h3{color:#d2691e;font-size:1.4rem;margin-bottom:25px}.contact-item{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.contact-item strong{color:#333;display:block;margin-bottom:8px;font-size:1.05rem}.contact-item span{color:#d2691e;font-weight:600;display:block}.contact-item small{color:#999;font-size:.8rem;display:block;margin-top:5px}.contact-form{background:#fff;padding:15px;border-radius:15px;box-shadow:0 10px 30px #0000001a;height:100%}.contact-form h3{color:#d2691e;font-size:1.4rem;margin-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.form-group{display:flex;flex-direction:column;margin-bottom:6px}.form-group label{color:#333;font-weight:600;margin-bottom:4px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:6px 8px;border:2px solid #eee;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d2691e}.form-group textarea{resize:vertical;min-height:60px}.btn-submit{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;border:none;padding:10px 35px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:15px}.btn-submit:hover{background:linear-gradient(135deg,#ff8c00,#d2691e);transform:translateY(-2px)}@media (max-width: 768px){.contact{padding:40px 0}.contact h2{font-size:2rem}.contact-content{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr;gap:15px}.contact-card,.contact-form{padding:30px 20px}}.footer{background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50);color:#fff;padding:25px 0 0;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d2691e,#ff8c00,#d2691e)}.footer-content{display:flex;justify-content:center;margin-bottom:20px}.footer-links{display:flex;list-style:none;padding:0;margin:0;gap:30px;flex-wrap:wrap;justify-content:center}.footer-links li a{color:#bdc3c7;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links li a:hover{color:#d2691e}.footer-section h3{color:#d2691e;font-size:1.2rem;margin-bottom:15px;font-weight:700}.section-description{color:#bdc3c7;font-size:.9rem;line-height:1.5;margin-bottom:20px!important;flex-shrink:0}.brand-tagline{color:#ff8c00;font-size:1.1rem;font-weight:600;margin-bottom:12px!important}.brand-description{color:#bdc3c7;line-height:1.6;margin-bottom:25px!important;font-size:.95rem}.footer-contact{background:#ffffff0d;padding:20px;border-radius:10px;border-left:4px solid #d2691e}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#ecf0f1;font-size:.95rem}.contact-icon{font-size:1.1rem;width:20px}.footer-links,.footer-features,.footer-attractions{list-style:none;padding:0;flex-grow:1;margin-bottom:15px!important}.footer-links li,.footer-features li,.footer-attractions li{margin-bottom:8px;display:flex;align-items:center;gap:8px}.footer-links a{color:#bdc3c7;text-decoration:none;transition:all .3s ease;font-size:.9rem}.footer-links a:hover{color:#d2691e;transform:translate(3px)}.footer-features li,.footer-attractions li{color:#ecf0f1;font-size:.85rem}.feature-icon,.attraction-icon{font-size:1rem;width:18px;flex-shrink:0}.footer-cta{background:linear-gradient(135deg,#d2691e,#ff8c00);padding:10px 15px;border-radius:8px;text-align:center;margin-top:auto;flex-shrink:0}.footer-cta p{margin:0!important;color:#fff!important;font-size:.85rem}.attractions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.attraction-item{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.attraction-item:hover{background:#d2691e1a;transform:translateY(-2px)}.attraction-icon{font-size:1.2rem;width:24px}.attraction-info strong{color:#ecf0f1;font-size:.9rem;display:block}.attraction-info small{color:#bdc3c7;font-size:.8rem}.booking-cta{background:linear-gradient(135deg,#d2691e,#ff8c00);padding:15px;border-radius:10px;text-align:center;margin-top:20px}.booking-cta p{margin:0!important;color:#fff!important;font-size:.9rem}.booking-cta p:first-child{font-size:1rem;margin-bottom:5px!important}.footer-bottom{border-top:1px solid #34495e;padding:15px 0;text-align:center;background:#0003}.footer-bottom p{color:#bdc3c7;font-size:.9rem;margin:0}.footer-badges{display:flex;gap:10px}.badge{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}.footer{padding:40px 0 0}.footer-brand{padding-right:0}.attractions-grid{grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}.footer-badges{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.App{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#d2691e,#ff8c00);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff8c00,#d2691e);transform:translateY(-2px)}.btn-secondary{background:transparent;color:#d2691e;border:2px solid #d2691e}.btn-secondary:hover{background:#d2691e;color:#fff}.section-subtitle{text-align:center;color:#666;font-size:18px;margin-bottom:40px}@media (max-width: 768px){.container{padding:0 15px}}