- one more time rework slider

- rework design system
- fill trainer page

src/styles/global.css

@@ -21,7 +21,6 @@
 @layer base {
   :root {
     --header-height: 4rem;
-
     .swiper-pagination-bullet-active {
       @apply bg-brand;
     }
@@ -37,6 +36,25 @@
     @apply h-full w-full bg-bg-main text-text;
   }
 
+  h1 {
+    @apply text-4xl;
+  }
+  h2 {
+    @apply text-3xl;
+  }
+  h3 {
+    @apply text-2xl;
+  }
+  h4 {
+    @apply text-xl;
+  }
+  h5 {
+    @apply text-lg;
+  }
+  h6 {
+    @apply text-base;
+  }
+
   h1,
   h2,
   h3,
@@ -58,4 +76,13 @@
   .brand-btn-outline {
     @apply rounded-full border border-brand bg-transparent px-6 py-3 text-center text-text-light transition-colors duration-300 hover:bg-brand;
   }
+  .tag-btn {
+    @apply text-sm hover:tag-btn-active rounded-full bg-card p-2 transition-colors duration-300;
+  }
+  .tag-btn-active {
+    @apply bg-brand text-text-light;
+  }
+  .card {
+    @apply rounded-3xl bg-card p-4 md:p-6;
+  }
 }