:root{--primary-color: #2d5016;--secondary-color: #1a5f7a;--tertiary-color: #d4a574;--warm-terracotta: #c86b3c;--warm-brown: #8b6f47;--soft-yellow: #f4e4c1;--white: #ffffff;--cream: #faf8f3;--light-gray: #e8e6e1;--medium-gray: #a8a39d;--accent-coral: #ff7f6a;--accent-teal: #2a9d8f;--accent-sunset: #f4a261;--text-color: #2c2c2c;--text-light: #5a5a5a;--light-bg: var(--cream);--section-bg: var(--soft-yellow);--shadow: 0 2px 10px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--cream)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;margin-bottom:1rem;color:var(--primary-color)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}p{margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:color .3s ease}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 30px;background-color:var(--accent-coral);color:var(--white);border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;text-align:center}.btn:hover{background-color:#e66f5c;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn.btn-secondary{background-color:var(--accent-teal)}.btn.btn-secondary:hover{background-color:#248277}.btn.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:40px;position:relative}.section-title:after{content:"";display:block;width:80px;height:3px;background-color:var(--accent-color);margin:15px auto 0}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.section{padding:40px 0}}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-in-out}