.navbar{background:#fff;padding:20px 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#b8860b;text-decoration:none}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav-links a:hover{color:#b8860b}@media (max-width: 768px){.nav-links{gap:15px;font-size:.9rem}}.footer{background:#1a1a1a;color:#fff;padding:60px 0 20px;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px}.footer-section h3{font-family:Playfair Display,serif;color:#b8860b;margin-bottom:15px}.footer-section h4{margin-bottom:15px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section a{color:#ccc;text-decoration:none}.footer-section a:hover{color:#b8860b}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #333;color:#999}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}}.home .hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1920);background-size:cover;background-position:center}.hero-content{max-width:800px}.hero-buttons{display:flex;gap:20px;justify-content:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{text-align:center;padding:30px;background:#f9f9f9}.feature-card h3{color:#b8860b;margin-bottom:15px}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}}.page-hero{background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1920);background-size:cover;background-position:center;color:#fff;padding:100px 0;text-align:center}.page-hero h1{font-size:3rem;margin-bottom:10px}.rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.room-card{border:1px solid #eee;overflow:hidden;transition:transform .3s}.room-card:hover{transform:translateY(-5px)}.room-image{width:100%;height:250px;object-fit:cover}.room-info{padding:20px}.room-info h3{margin-bottom:10px;color:#333}.room-features{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.feature-tag{background:#f0f0f0;padding:5px 10px;border-radius:4px;font-size:.9rem}.room-price{margin-top:15px}.price{font-size:1.5rem;font-weight:700;color:#b8860b}.per-night{color:#666}@media (max-width: 768px){.rooms-grid{grid-template-columns:1fr}}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-item{overflow:hidden;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item img:hover{transform:scale(1.05)}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:50px}.about-text h2{margin-bottom:20px;color:#333}.about-text p{margin-bottom:15px;line-height:1.8}.about-image img{width:100%;border-radius:8px}.stats-section{background:#f9f9f9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.stat-item h3{font-size:2.5rem;color:#b8860b;margin-bottom:10px}@media (max-width: 768px){.about-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.contact-content{display:grid;grid-template-columns:1fr 2fr;gap:50px}.contact-info h2{margin-bottom:30px}.info-item{margin-bottom:25px}.info-item h4{color:#b8860b;margin-bottom:5px}.contact-form-container h2{margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-family:inherit}.contact-form textarea{resize:vertical}.success-message{text-align:center;padding:40px;background:#f0f8f0;border-radius:8px}.success-message h3{color:#2e7d32;margin-bottom:10px}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#333;line-height:1.6}h1,h2,h3,h4{font-family:Playfair Display,serif}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 30px;border:none;cursor:pointer;font-size:16px;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary{background:#b8860b;color:#fff}.btn-primary:hover{background:#9a7209}.btn-outline{background:transparent;border:2px solid #b8860b;color:#b8860b}.btn-outline:hover{background:#b8860b;color:#fff}.hero{height:100vh;background:linear-gradient(#00000080,#00000080),url(/hero.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero h1{font-size:4rem;margin-bottom:20px}.hero p{font-size:1.5rem;margin-bottom:30px}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2.5rem;color:#333}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}}
