@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/IBMPlexSansThai/IBMPlexSansThai.css';
        
body {
    font-family: 'IBM Plex Sans Thai', sans-serif;
    background-color: #0a0a0a;
    color: #f5f5f7;
}

.product-card {
    transition: all 0.3s ease;
    background-color: #1a1a1a;
    border: 1px solid #2a2a2a;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    border-color: #3a3a3a;
}

.accent-color {
    color: #0096FF;
}

.accent-bg {
    background-color: #0096FF;
}

.tab-active {
    border-bottom: 2px solid #0096FF;
    color: #0096FF;
}

.service-card {
    transition: all 0.3s ease;
    background-color: #1a1a1a;
    border: 1px solid #2a2a2a;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    border-color: #3a3a3a;
}
@keyframes fade-in {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes fade-out {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-8px); }
  }
  .fade-in { animation: fade-in 0.3s ease-out; }
  .fade-out { animation: fade-out 0.3s ease-in forwards; }