:root{--primary-color:#8F6A7A;--secondary-color:#C6A76A;--accent-color:#B76E79;--background-color:#F7F1F3;--body-bg:#F7F1F3;--card-bg:rgba(255, 255, 255, 0.88);--text-color:#332C30;--heading-color:#5B434D;--muted-text:#6E5C63;--white:#ffffff;--gray-light:#EEE7EA;--gray-medium:#B7A9AF;--color-cta-hover:#9E5A64;--font-primary:"Montserrat", sans-serif;--font-body:"Lora", serif;--font-ui:"Inter", sans-serif;--text-xs:0.8rem;--text-sm:0.9rem;--text-base:1rem;--text-md:1.1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--transition-base:all 0.25s ease;--shadow-sm:0 2px 6px rgba(143, 106, 122, 0.08);--shadow-md:0 4px 12px rgba(143, 106, 122, 0.12);--shadow-lg:0 8px 24px rgba(143, 106, 122, 0.16);--box-shadow:var(--shadow-md);--container-width:1200px}[data-theme=dark]{--background-color:#1F1A1D;--body-bg:#1F1A1D;--card-bg:rgba(40, 32, 36, 0.9);--text-color:#E7DDE1;--heading-color:#F8F3F5;--muted-text:#BCAEB4;--gray-light:#2D2528;--gray-medium:#6E5C63;--shadow-sm:0 2px 6px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.25);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.3)}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.breathe{animation:breathe 6s ease-in-out infinite}.main-content{min-height:100vh;padding:var(--space-xl)0;background:var(--body-bg)}.welcome-section{padding:var(--space-2xl)var(--space-md);position:relative;text-align:center;color:var(--text-color);overflow:hidden}.header-box{position:relative;z-index:2;margin-bottom:var(--space-2xl)}.hero-cta{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.cta-button{display:inline-block;padding:var(--space-sm)var(--space-xl);background-color:initial;color:var(--accent-color);border:2px solid var(--accent-color);border-radius:var(--border-radius);text-decoration:none;font-family:var(--font-ui);font-weight:600;font-size:var(--text-base);letter-spacing:.02em;min-width:220px;text-align:center;cursor:pointer;transition:background-color .25s ease,color .25s ease}.cta-button:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.main-title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-md);display:flex;flex-direction:column}.welcome-text{font-size:var(--text-xl);font-weight:400}.brand-name{font-size:var(--text-3xl);font-weight:600}.slogan{font-family:var(--font-body);font-size:var(--text-lg);opacity:.9}.services-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);padding:0 var(--space-md);max-width:1100px;margin:0 auto}.service-box{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border-radius:var(--border-radius);padding:var(--space-xl);text-align:center;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;position:relative;min-height:250px;width:100%;overflow:hidden}.service-box:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.clickable-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-color);height:100%}.icon{font-size:var(--text-4xl);color:var(--primary-color);margin-bottom:var(--space-md)}.service-icon{width:2.5rem;height:2.5rem;color:var(--primary-color);margin-bottom:var(--space-md);stroke-width:1.5}.text-content{position:relative;min-height:6rem;width:100%}.default-text{font-size:var(--text-xl);font-weight:600;display:block;transition:opacity .3s ease}.hover-text{font-size:var(--text-sm);color:var(--muted-text);opacity:0;transition:opacity .3s ease;position:absolute;top:0;left:0;right:0}.service-box:hover .hover-text{opacity:1}.service-box:hover .default-text{opacity:0}@media(max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-title{font-size:var(--text-2xl)}.brand-name{font-size:var(--text-2xl)}.services-grid{grid-template-columns:1fr;gap:var(--space-lg)}.service-box{min-height:auto;padding:var(--space-lg)}.service-box:hover{transform:none}.default-text{opacity:1;margin-bottom:var(--space-sm)}.hover-text{opacity:1;position:static;font-size:var(--text-sm)}}