.theme-bg{background-color:var(--theme-color)}.theme-text{color:var(--theme-color)}.primary-bg{background-color:var(--primary-color)}.primary-text{color:var(--primary-color)}.gradient-bg{background:linear-gradient(135deg,#f5f4f2 0,var(--theme-color) 100%)}.nature-gradient{background:linear-gradient(135deg,var(--theme-color) 0,#c4b59e 100%)}.service-card{transition:all .3s ease;border:1px solid #e5e7eb;background:#fff}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(216,200,178,.2)}.botanical-element{position:absolute;opacity:.1;z-index:0}.content-overlay{position:relative;z-index:1}.hydrafacial-hero{background:linear-gradient(135deg,rgba(60,60,60,.9),rgba(216,200,178,.9)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect fill="%23f5f4f2" width="1200" height="800"/><circle fill="%23d8c8b2" cx="200" cy="200" r="150" opacity="0.3"/><circle fill="%23c4b59e" cx="800" cy="300" r="200" opacity="0.2"/><circle fill="%23d8c8b2" cx="600" cy="600" r="180" opacity="0.3"/></svg>');background-size:cover;background-position:50%;min-height:100vh;position:relative}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.treatment-step{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 30px rgba(216,200,178,.1);transition:transform .3s ease;border:1px solid var(--theme-color)}.treatment-step:hover{transform:translateY(-10px)}.persona-card{background:linear-gradient(135deg,#fff,#faf9f8);border-radius:1rem;padding:2rem;border:1px solid var(--theme-color);transition:all .3s ease}.persona-card:hover{box-shadow:0 20px 40px rgba(216,200,178,.2);transform:translateY(-5px)}.faq-toggle{cursor:pointer;transition:all .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:500px}.pricing-card{background:linear-gradient(135deg,#d8c8b3,#d8c8b3);color:white;border-radius:1rem;padding:2rem;text-align:center;transition:transform .3s ease}.pricing-card:hover{transform:scale(1.05)}.testimonial-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 30px rgba(216,200,178,.1);border-left:5px solid var(--theme-color)}.service-link-card{background:linear-gradient(135deg,#faf9f8,#f5f4f2);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;border:1px solid var(--theme-color)}.service-link-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(216,200,178,.2);background:linear-gradient(135deg,var(--theme-color),#c4b59e);color:white}.floating-cta{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,var(--primary-color),var(--theme-color));color:white;padding:1rem 2rem;border-radius:50px;box-shadow:0 10px 30px rgba(216,200,178,.3);z-index:1000;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.section-header{text-align:center;margin-bottom:3rem}.benefit-icon{background-color:var(--secondary-color);color:var(--white-color);width:60px;height:60px;margin:0 auto 1rem}.benefit-icon,.step-number{border-radius:50%;display:flex;align-items:center;justify-content:center}.step-number{width:37px;height:32px;font-weight:700;font-size:1rem;margin-bottom:1rem}.btn-primary,.step-number{background:var(--theme-color);color:white}.btn-primary{padding:.75rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(216,200,178,.3)}.btn-outline{border:2px solid var(--theme-color);color:var(--theme-color);padding:.75rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;background:transparent;cursor:pointer}.btn-outline:hover{background:var(--theme-color);color:white}.map-container{background:#f9f8f7;border:2px dashed var(--theme-color);min-height:400px;display:flex;align-items:center;justify-content:center;border-radius:1rem}.faq-item{border-bottom:1px solid var(--theme-color)}.leaf-decoration{position:absolute;opacity:.1;z-index:0}@media (max-width:768px){.floating-cta{display:none}body{font-size:12px}.hydrafacial-hero{min-height:auto;padding:2rem 0}}