*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Georgia,Times New Roman,serif;line-height:1.6;color:#2d4a37;background-color:#f8f6f0;width:100%;margin:0;padding:0}.App{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.header{background:linear-gradient(135deg,#4a6741,#2d4a37);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;width:100%}.header .container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 20px}.logo-image{height:60px;width:auto;transition:opacity .3s ease,transform .3s ease}.logo-image:hover{opacity:.9;transform:scale(1.05)}.nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav a{color:#f8f6f0;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;cursor:pointer;padding:.5rem 0}.survey-link{background:#fff3;padding:.5rem 1rem!important;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.survey-link:hover{background:#ffffff4d}.nav a:hover{color:#a8c4a2}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#a8c4a2;transition:width .3s ease}.nav a:hover:after{width:100%}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:80vh;color:#f8f6f0;width:100%;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4b6741b3,#2d4a37cc)}.hero-content{position:relative;z-index:3;max-width:800px;width:100%;padding:2rem}.hero-content h2{font-size:3rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2}.hero-content p{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.cta-button{background:linear-gradient(135deg,#8b5a3c,#6d4428);color:#f8f6f0;border:none;padding:1rem 2.5rem;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:700;box-shadow:0 4px 15px #0000004d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;background:linear-gradient(135deg,#9d6441,#7a4f2e)}.about{padding:5rem 2rem;background-color:#f8f6f0;width:100%}.about h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2d4a37}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center}.about-text p{font-size:1.2rem;color:#4a6741;line-height:1.7}.about-image{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #00000026}.about-img{width:100%;height:300px;object-fit:cover;transition:transform .3s ease}.about-image:hover .about-img{transform:scale(1.05)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e8e4d8}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.feature-image{width:100%;height:200px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.feature-card:hover .feature-image img{transform:scale(1.1)}.feature-card h3{color:#2d4a37;margin:1.5rem 2rem 1rem;font-size:1.3rem}.feature-card p{color:#6b8e5a;line-height:1.6;padding:0 2rem 2rem}.gallery{padding:5rem 2rem;background:linear-gradient(135deg,#e8f5e8,#d4e7d4);width:100%}.gallery h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#2d4a37}.gallery>.container>p{text-align:center;font-size:1.2rem;margin-bottom:3rem;color:#4a6741}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gallery-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease;aspect-ratio:4/3}.gallery-item.large{grid-column:span 2;aspect-ratio:16/9}.gallery-item:hover{transform:translateY(-5px)}.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:2rem 1.5rem 1.5rem;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h4{font-size:1.2rem;margin-bottom:.5rem}.gallery-overlay p{font-size:.9rem;opacity:.9}.amenities{padding:5rem 2rem;background-color:#f8f6f0;width:100%}.amenities h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2d4a37}.amenities-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.amenity-item{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 3px 15px #00000014;border-left:4px solid #6b8e5a}.amenity-item h4{color:#2d4a37;margin-bottom:.5rem;font-size:1.2rem}.amenity-item p{color:#4a6741;line-height:1.5}.contact{padding:5rem 2rem;background:linear-gradient(135deg,#e8f5e8,#d4e7d4);width:100%}.contact h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#2d4a37}.contact>.container>p{text-align:center;font-size:1.2rem;margin-bottom:3rem;color:#4a6741}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 3px 15px #00000014}.contact-item h4{color:#2d4a37;margin-bottom:.5rem;font-size:1.1rem}.contact-item p{color:#4a6741}.contact-form{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 3px 15px #00000014}.contact-form h3{color:#2d4a37;margin-bottom:1.5rem;text-align:center;font-size:1.3rem}.contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:1rem;border:2px solid #e8e4d8;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#6b8e5a}.submit-button{background:linear-gradient(135deg,#6b8e5a,#4a6741);color:#f8f6f0;border:none;padding:1rem 2rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:700}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0003}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-message{margin-top:1rem;padding:.75rem;border-radius:5px;text-align:center;font-weight:500}.submit-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.footer{background:linear-gradient(135deg,#2d4a37,#1f3328);color:#f8f6f0;text-align:center;padding:2rem;width:100%}.footer p{margin-bottom:.5rem;opacity:.9}@media (max-width: 768px){.hero-content h2{font-size:2.2rem}.nav{flex-direction:column;gap:1rem}.header .container{flex-direction:column;text-align:center;gap:1rem;padding:1rem 20px}.logo-image{height:50px}.about-content{grid-template-columns:1fr;gap:2rem}.gallery-item.large{grid-column:span 1}.gallery-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:2rem}.features-grid,.amenities-list{grid-template-columns:1fr}.about,.amenities,.contact,.gallery{padding:3rem 1rem}}@media (max-width: 480px){.hero-content h2{font-size:1.8rem}.hero-content p{font-size:1.1rem}.about h2,.amenities h2,.contact h2,.gallery h2{font-size:2rem}.container{padding:0 15px}.logo-image{height:40px}}.admin-login{min-height:100vh;background:linear-gradient(135deg,#2d4a37,#4a6741);display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{background:#fff;padding:3rem;border-radius:15px;box-shadow:0 20px 40px #0003;text-align:center;max-width:400px;width:100%}.login-logo{height:80px;margin-bottom:2rem}.login-container h2{color:#2d4a37;margin-bottom:2rem;font-size:2rem}.login-container input{width:100%;padding:1rem;border:2px solid #e8e4d8;border-radius:8px;font-size:1rem;margin-bottom:1.5rem;transition:border-color .3s ease}.login-container input:focus{outline:none;border-color:#6b8e5a}.login-container button{width:100%;background:linear-gradient(135deg,#6b8e5a,#4a6741);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.login-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.admin-dashboard{min-height:100vh;background:#f8f6f0;padding:2rem}.admin-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.admin-logo{height:60px}.admin-header h1{color:#2d4a37;font-size:2rem;margin:0}.logout-btn{background:linear-gradient(135deg,#8b5a3c,#6d4428);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem}.admin-tabs button{background:#fff;border:2px solid #e8e4d8;padding:1rem 2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#2d4a37}.admin-tabs button:hover{border-color:#6b8e5a;transform:translateY(-2px)}.admin-tabs button.active{background:linear-gradient(135deg,#6b8e5a,#4a6741);color:#fff;border-color:#4a6741}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#6b8e5a}.admin-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e8e4d8}.section-header h2{color:#2d4a37;margin:0}.export-btn{background:linear-gradient(135deg,#8b5a3c,#6d4428);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.data-table{display:grid;gap:1.5rem}.data-card{background:#f8f6f0;border:1px solid #e8e4d8;border-radius:10px;overflow:hidden;transition:all .3s ease}.data-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.card-header{background:linear-gradient(135deg,#6b8e5a,#4a6741);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.2rem}.timestamp{font-size:.9rem;opacity:.9}.card-content{padding:1.5rem}.field{margin-bottom:1rem;line-height:1.6}.field:last-child{margin-bottom:0}.field strong{color:#2d4a37;display:inline-block;min-width:180px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.stat-card{background:#f8f6f0;border:1px solid #e8e4d8;border-radius:10px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.stat-card h3{color:#2d4a37;margin-bottom:1rem;font-size:1.2rem;border-bottom:2px solid #6b8e5a;padding-bottom:.5rem}.stat-number{font-size:3rem;font-weight:700;color:#6b8e5a;text-align:center;margin:1rem 0}.stat-breakdown{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-weight:500;color:#2d4a37;font-size:.9rem}.stat-count{font-weight:700;color:#6b8e5a;font-size:1.1rem}.stat-bar{background:#e8e4d8;height:8px;border-radius:4px;overflow:hidden}.stat-fill{background:linear-gradient(135deg,#6b8e5a,#4a6741);height:100%;border-radius:4px;transition:width .5s ease}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-tabs{flex-direction:column}.admin-tabs button{text-align:center}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.card-header{flex-direction:column;gap:.5rem;text-align:center}.field strong{min-width:auto;display:block;margin-bottom:.2rem}.stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.login-container{padding:2rem 1.5rem}.admin-section,.card-content{padding:1rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;min-height:100vh;font-family:Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f6f0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}