:root{--background-color-light: #ffffff;--text-color-light: #1a1a1a;--primary-color: #2563eb;--secondary-color: #3b82f6;--accent-color: #10b981;--border-color-light: rgba(0, 0, 0, .1);--card-background-light: #ffffff;--text-muted-light: #6b7280;--background-color-dark: #121212;--text-color-dark: #e5e5e5;--primary-color-dark: #3b82f6;--secondary-color-dark: #60a5fa;--accent-color-dark: #34d399;--border-color-dark: rgba(255, 255, 255, .1);--card-background-dark: #1f1f1f;--text-muted-dark: #9ca3af;--transition-speed: .3s;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}[data-theme=light]{--background-color: var(--background-color-light);--text-color: var(--text-color-light);--border-color: var(--border-color-light);--card-background: var(--card-background-light);--text-muted: var(--text-muted-light)}[data-theme=dark]{--background-color: var(--background-color-dark);--text-color: var(--text-color-dark);--border-color: var(--border-color-dark);--card-background: var(--card-background-dark);--text-muted: var(--text-muted-dark)}body{background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-speed),color var(--transition-speed)}:root{--primary-color: #333;--secondary-color: #f5f5f5;--accent-color: #000;--text-color: #333;--background-color: #ffffff;--button-text-color: #ffffff;--box-shadow-light: 0 4px 6px rgba(0, 0, 0, .1);--box-shadow-hover: 0 6px 12px rgba(0, 0, 0, .15);--font-family: "Arial", sans-serif}body.dark-mode{--primary-color: #f5f5f5;--secondary-color: #37474f;--accent-color: #f5f5f5;--text-color: #f5f5f5;--background-color: #263238;--button-text-color: #263238;--box-shadow-light: 0 4px 8px rgba(255, 255, 255, .1);--box-shadow-hover: 0 6px 12px rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);transition:background-color .3s ease,color .3s ease;line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--primary-color);color:var(--background-color);box-shadow:var(--box-shadow-light)}nav ul{list-style-type:none;display:flex;gap:2rem}nav a{color:var(--background-color);text-decoration:none;font-weight:700}nav a:hover{color:var(--accent-color)}button,.cta-button,a.cta-button{background-color:var(--accent-color);color:var(--button-text-color);padding:.8rem 2rem;border:2px solid transparent;border-radius:50px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease,transform .3s ease;box-shadow:var(--box-shadow-light)}button:hover,.cta-button:hover,a.cta-button:hover{background-color:var(--background-color);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}button:focus,.cta-button:focus,a.cta-button:focus{outline:2px solid var(--accent-color);outline-offset:3px}.card,.service-card,.testimonial-card,.blog-card{background-color:var(--secondary-color);border-radius:10px;padding:2rem;box-shadow:var(--box-shadow-light);transition:transform .3s ease,box-shadow .3s ease}.card:hover,.service-card:hover,.testimonial-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}.hero{background-color:var(--secondary-color);text-align:center;padding:4rem 2rem;border-radius:10px}.hero h1{font-size:3.5rem;margin-bottom:1rem}.hero h2{font-size:2rem;margin-bottom:1.5rem}.hero p{max-width:800px;margin:0 auto 2rem;font-size:1.2rem}footer{text-align:center;padding:2rem;background-color:var(--primary-color);color:var(--background-color)}@media (max-width: 768px){.cta-button,.card,.service-card,.testimonial-card,.blog-card{width:100%}}