:root {
     --primary-color: #7266BB;
     --primary-hover: #6051bb;
 }

 .primary-color {
     color: var(--primary-color);
 }

 .primary-bg {
     background-color: var(--primary-color);
 }

 .primary-hover:hover {
     background-color: var(--primary-hover);
 }

 .smooth-transition {
     transition: all 0.3s ease;
 }

 .card-hover:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 }

 .logo-hover:hover {
     transform: scale(1.1);
     filter: grayscale(0%);
 }

 .gradient-bg {
     background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
 }

 .hero-gradient {
     background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
 }

 .stats-bg {
     background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
 }

 .fade-in {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.6s ease;
 }

 .fade-in.visible {
     opacity: 1;
     transform: translateY(0);
 }

 .mobile-menu {
     transform: translateX(-100%);
     transition: transform 0.3s ease;
 }

 .mobile-menu.open {
     transform: translateX(0);
 }

 .accordion-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease;
 }

 .accordion-content.open {
     max-height: 200px;
 }