:root{--lichee-pink: #f8e8e8;--lichee-pink-dark: #f0d6d6;--lichee-pink-light: #fdf5f5;--forest-green: #e8f5e8;--forest-green-dark: #d4e6d4;--forest-green-light: #f0f8f0;--white: #ffffff;--cream: #fefefe;--text-dark: #2c3e50;--text-light: #5a6c7d;--accent-gold: #d4af37;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--cream);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{margin-bottom:1rem;color:var(--text-light)}a{color:var(--text-dark);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-gold)}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;transition:all .3s ease;font-weight:500}.btn-primary{background:linear-gradient(135deg,var(--lichee-pink),var(--lichee-pink-dark));color:var(--text-dark);padding:12px 24px;font-size:1rem;border-radius:25px;box-shadow:0 4px 15px var(--shadow-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.btn-secondary{background:linear-gradient(135deg,var(--forest-green),var(--forest-green-dark));color:var(--text-dark);padding:12px 24px;font-size:1rem;border-radius:25px;box-shadow:0 4px 15px var(--shadow-light)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 10px 30px var(--shadow-light);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px var(--shadow-medium)}.hero-section{background:linear-gradient(135deg,var(--lichee-pink-light),var(--forest-green-light));min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="trees" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M10 2 L8 8 L12 8 Z" fill="%23d4e6d4" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23trees)"/></svg>');opacity:.1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:4rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-dark),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;color:var(--text-light);margin-bottom:2rem;line-height:1.8}.booking-section{background:var(--white);padding:100px 0}.booking-form{background:linear-gradient(135deg,var(--lichee-pink-light),var(--forest-green-light));border-radius:25px;padding:3rem;box-shadow:0 20px 40px var(--shadow-light);margin-top:3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-dark)}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--lichee-pink);border-radius:12px;font-size:1rem;transition:border-color .3s ease;background:var(--white)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-gold)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.room-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px var(--shadow-light);transition:transform .3s ease}.room-card:hover{transform:translateY(-5px)}.room-image{height:200px;background:linear-gradient(135deg,var(--lichee-pink),var(--forest-green));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem;font-weight:500}.room-content{padding:1.5rem}.room-title{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-dark)}.room-price{font-size:1.5rem;font-weight:600;color:var(--accent-gold);margin-bottom:1rem}.room-features{list-style:none;margin-bottom:1rem}.room-features li{padding:.25rem 0;color:var(--text-light)}.room-features li:before{content:"✓";color:var(--forest-green-dark);font-weight:700;margin-right:.5rem}.footer{background:linear-gradient(135deg,var(--text-dark),#34495e);color:var(--white);padding:60px 0 30px;text-align:center}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:var(--white);margin-bottom:1rem}.footer-section p,.footer-section a{color:#bdc3c7;line-height:1.8}.footer-section a:hover{color:var(--accent-gold)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section{padding:60px 0}.booking-form{padding:2rem}.form-row{grid-template-columns:1fr}h1{font-size:2.5rem}h2{font-size:2rem}}
