@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap";html,body{width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}body{color:#1a1a1a;scroll-behavior:smooth;background:linear-gradient(135deg,#eef7ff,#f7fff7);margin:0;font-family:Segoe UI,sans-serif}.navbar{-webkit-backdrop-filter:blur(5000px);backdrop-filter:blur(5000px);z-index:1000;background:#fff;border-bottom:1px solid #0000000d;align-items:center;width:100%;height:80px;padding:0 30px;display:flex;position:fixed;top:0}.nav-left{flex:1;align-items:center;gap:10px;display:flex}.nav-logo{width:90px;height:60px}.nav-title{color:#1b5e20;margin:0;padding:0 10px;font-family:Orbitron,sans-serif;font-size:32px;font-weight:700}.nav-sub{color:#666;margin:0;font-size:11px}.nav-links{flex:1;justify-content:center;gap:30px;font-size:22px;font-weight:250;display:flex}.nav-links a{color:#1b5e20;padding:6px 10px;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#2e7d32;border-radius:2px;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-links a:hover{background:#2e7d3214;border-radius:6px}.menu-btn{text-align:right;cursor:pointer;flex:1;font-size:26px;display:none}.nav-links a:hover:after{width:70%}.nav-links a:hover{transform:translateY(-2px)}.nav-links button{cursor:pointer;color:#1b5e20;background:0 0;border:none;padding:6px 10px;font-size:22px;font-weight:600;position:relative}.nav-links button:hover{background:#2e7d3214;border-radius:6px;transform:translateY(-2px)}.nav-links button:after{content:"";background:#2e7d32;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-links button:hover:after{width:70%}.hero{color:#fff;text-align:center;background:url(/assets/GGRROOM-IdAdZsE2.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative}.hero-overlay{z-index:0;background:#00000073;position:absolute;inset:0}.hero-content{z-index:1;flex-flow:wrap;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;display:flex;position:relative}.hero-left img.hero-logo{border-radius:12px;width:200px;height:auto}.hero-right{max-width:600px}.hero-badge{color:#f1c40f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:10px;margin-bottom:20px;padding:10px 20px;font-size:24px;font-weight:700;display:inline-block}.hero-title{color:#fff;text-shadow:1px 1px 8px #0009;margin:10px 0;font-size:32px;font-weight:700;line-height:1.3}.hero-subtitle{color:#f1f1f1;background:#ffffff1a;border-radius:8px;padding:10px 20px;font-size:20px;font-weight:500;display:inline-block}.features{z-index:1;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;width:100%;max-width:900px;padding:40px 20px 0;display:grid;position:relative}.feature{color:#2e7d32;text-align:center;background:#fff;border-radius:12px;padding:14px;font-weight:600;transition:transform .3s;box-shadow:0 5px 15px #0000001a}.feature:hover{transform:translateY(-5px)}@media (width<=768px){.navbar{padding:0}.nav-left{gap:2px;min-width:0}.nav-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(16px,3.5vw,16px);overflow:hidden}.nav-logo{width:70px;margin-left:3px}.hero-content{flex-direction:column;gap:20px}.hero-title{font-size:26px}.hero-badge{font-size:20px}.hero-subtitle{font-size:16px}}.section{text-align:center;padding:60px 20px;scroll-margin-top:100px}.section h2{color:#1b5e20;margin-bottom:20px;font-size:28px}.about-text{letter-spacing:.3px;background:#fff;border-radius:50px;max-width:1000px;margin:auto;padding:80px;font-size:22px;line-height:1.8;box-shadow:0 8px 25px #00000014}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;padding:10px;display:grid}.card{background:#fff;border-radius:14px;padding:10px;transition:all .3s;box-shadow:0 10px 30px #00000014}.card:hover{transform:translateY(-8px)}.img{background:linear-gradient(135deg,#ddd,#f5f5f5);border-radius:12px;height:100px;margin-bottom:10px}.available{color:green;font-weight:700}.full{color:red;font-weight:700}.map{border:none;border-radius:12px;width:100%;height:100px}.book-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;width:100%;margin-top:10px;padding:10px}.book-btn:hover{background:#1b5e20}.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:20px;display:grid}.gallery-item{background:linear-gradient(135deg,#ddd,#f0f0f0);border-radius:12px;justify-content:center;align-items:center;height:180px;display:flex}.popup{background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-box{background:#fff;border-radius:14px;width:320px;padding:20px}.popup-box input{border:1px solid #ddd;border-radius:8px;width:100%;margin:8px 0;padding:10px}.whatsapp-float,.call-float{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex;position:fixed;right:18px}.whatsapp-float{background:#25d366;bottom:20px}.call-float{background:#007bff;bottom:85px}.footer{text-align:center;color:#666;padding:25px;font-size:14px}@media (width<=768px){.about-text{border-radius:20px;padding:20px;font-size:16px;line-height:1.6}.nav-links{background:#fff;border-radius:10px;flex-direction:column;width:200px;padding:12px;display:none;position:absolute;top:65px;right:0}.nav-links.active{display:flex}.menu-btn{margin-right:12px;display:block}.hero{text-align:center;flex-direction:column}.hero-right{text-align:center}}.dev-credit{color:#999;margin-top:5px;font-size:14px;display:block}.gallery-img{object-fit:cover;border-radius:12px;width:100%;height:180px;transition:all .3s}.gallery-img:hover{transform:scale(1.05)}.gallery-slider{width:100%;margin-top:20px;position:relative;overflow:hidden}.gallery-track{gap:20px;width:max-content;animation:25s linear infinite galleryScroll;display:flex}.gallery-track img{object-fit:cover;border-radius:16px;width:300px;height:200px;transition:transform .4s,box-shadow .4s}.gallery-track img:hover{transform:scale(1.08);box-shadow:0 10px 30px #00000040}@keyframes galleryScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-slider:hover .gallery-track{animation-play-state:paused}.img{object-fit:cover;border-radius:12px;width:100%;height:250px;margin-bottom:0}.location-btn{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:8px;width:100%;margin-top:6px;padding:8px;font-size:14px;transition:all .3s}.location-btn{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:10px;width:100%;margin-top:10px;padding:10px}.location-btn:hover{background:#0d47a1}html{scroll-behavior:smooth}#home,#about,#properties,#gallery{scroll-margin-top:80px}