@tailwind base;
@tailwind components;
@tailwind utilities;

/* Сброс стилей */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

:root {
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
}

body {
  background-color: var(--teal-50);
  color: var(--gray-800);
  line-height: 1.6;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* Header styles */
header {
  background-color: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 1rem 0;
}

.header-container {
  @apply flex justify-between items-center;
}

.logo {
  @apply flex items-center gap-2.5;
}

.logo-icon {
  background-color: var(--teal-600);
  @apply w-10 h-10 rounded-full flex items-center justify-center font-bold text-lg text-white;
}

.logo-text h1 {
  @apply text-xl font-bold;
}

.logo-text p {
  color: var(--teal-400);
  @apply text-xs font-medium;
}

nav ul {
  @apply flex list-none gap-8 m-0 p-0;
}

nav a {
  @apply no-underline text-gray-800 font-medium transition-colors duration-300;
}

nav a:hover {
  color: var(--teal-500);
}

.mobile-menu {
  display: none;
  background-color: var(--teal-600);
  @apply py-2 px-4 rounded cursor-pointer text-white;
}

/* Section styles */
.section {
  @apply py-16;
}

/* Page layout styles */
.page-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.section-title {
  @apply text-center mb-12;
}

.section-title h2 {
  @apply text-4xl mb-4;
}

.section-title p {
  max-width: 600px;
  margin: 0 auto;
  color: var(--gray-500);
  @apply text-xl;
}

.categories-grid {
  @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8;
}

.category-card {
  @apply bg-white rounded-xl overflow-hidden shadow-md transition-transform duration-300;
}

.category-card:hover {
  @apply -translate-y-2.5;
}

.category-image {
  height: 250px;
  background: var(--teal-100);
  @apply flex items-center justify-center font-bold text-2xl text-teal-600;
}

.category-content {
  @apply p-6;
}

.category-content h3 {
  @apply text-xl mb-3;
}

.category-content p {
  color: var(--gray-600);
  @apply mb-6;
}

.category-link {
  color: var(--teal-500);
  @apply no-underline font-bold flex items-center gap-2 transition-all duration-300;
}

.category-link:hover {
  @apply gap-4;
}

/* Advantages section */
.advantages {
  background: linear-gradient(to bottom, var(--teal-50), white);
}

.advantages-grid {
  @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-4xl mx-auto;
}

.advantage-card {
  @apply bg-white rounded-xl p-8 text-center shadow-md border border-gray-100 transition-all duration-300;
}

.advantage-card:hover {
  border-color: var(--teal-200);
}

.advantage-icon {
  width: 50px;
  height: 50px;
  background: var(--teal-50);
  @apply rounded-full flex items-center justify-center mx-auto mb-6 text-2xl text-teal-500;
}

.advantage-card h3 {
  @apply mb-4;
}

/* Footer */
footer {
  background: var(--gray-900);
  color: var(--gray-300);
  @apply py-16 pb-8;
}

.footer-grid {
  @apply grid grid-cols-1 md:grid-cols-2 gap-8 mb-12;
}

.footer-logo {
  @apply flex items-center gap-2.5 mb-6;
}

.footer-logo-icon {
  background-color: var(--teal-500);
  @apply w-10 h-10 rounded-full flex items-center justify-center font-bold text-lg text-white;
}

.footer-logo h3 {
  @apply text-2xl text-white;
}

.footer-logo p {
  color: var(--teal-300);
  @apply font-medium;
}

.footer-section h4 {
  color: white;
  @apply text-xl mb-6;
}

.contact-flex {
  @apply flex flex-wrap gap-8 items-start;
}

.contact-info {
  @apply flex items-start gap-4;
}

.contact-icon {
  width: 25px;
  color: var(--teal-300);
}

.footer-bottom {
  border-top: 1px solid var(--gray-700);
  @apply pt-8 flex flex-col items-center gap-4;
}

.footer-bottom a {
  color: var(--gray-300);
  @apply no-underline transition-colors duration-300;
}

.footer-bottom a:hover {
  color: white;
}

/* Responsive styles */
@media (max-width: 768px) {
  nav ul {
    @apply hidden;
  }

  .mobile-menu {
    @apply block;
  }

  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .hero h1 {
    font-size: 2rem;
  }

  .stats {
    grid-template-columns: 1fr;
  }

  .btn {
    width: 100%;
  }
}
.header-container.svelte-sp4z1s.svelte-sp4z1s{display:flex;justify-content:space-between;align-items:center}.logo.svelte-sp4z1s.svelte-sp4z1s{display:flex;align-items:center;gap:10px}.logo-icon.svelte-sp4z1s.svelte-sp4z1s{background-color:#0d9488;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem}.logo-text.svelte-sp4z1s h1.svelte-sp4z1s{font-size:1.4rem;font-weight:bold}.logo-text.svelte-sp4z1s p.svelte-sp4z1s{font-size:0.8rem;color:#2dd4bf;font-weight:500}nav.svelte-sp4z1s ul.svelte-sp4z1s{display:flex;list-style:none;gap:2rem}nav.svelte-sp4z1s a.svelte-sp4z1s{text-decoration:none;color:#1f2937;font-weight:500;transition:color 0.3s}nav.svelte-sp4z1s a.svelte-sp4z1s:hover,nav.svelte-sp4z1s a.selected.svelte-sp4z1s{color:#2dd4bf}.mobile-menu.svelte-sp4z1s.svelte-sp4z1s{display:none;background-color:#0d9488;color:white;padding:0.5rem 1rem;border-radius:5px;cursor:pointer}@media(max-width: 768px){nav.svelte-sp4z1s ul.svelte-sp4z1s{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;padding:1rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);z-index:100}nav.mobile-menu-open.svelte-sp4z1s ul.svelte-sp4z1s{display:flex}nav.svelte-sp4z1s ul li.svelte-sp4z1s{margin:0.5rem 0}.mobile-menu.svelte-sp4z1s.svelte-sp4z1s{display:block;z-index:101}}
footer.svelte-8wjhd6.svelte-8wjhd6{background:#111827;color:#d1d5db;padding:2rem 0 1rem;margin-top:auto}.footer-grid.svelte-8wjhd6.svelte-8wjhd6{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-bottom:1.5rem}.footer-logo.svelte-8wjhd6.svelte-8wjhd6{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.footer-logo-icon.svelte-8wjhd6.svelte-8wjhd6{background-color:#14b8a6;color:white;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1rem}.footer-logo.svelte-8wjhd6 h3.svelte-8wjhd6{font-size:1.2rem;color:white}.footer-logo.svelte-8wjhd6 p.svelte-8wjhd6{color:#5eead4;font-weight:500;font-size:0.9rem}.footer-section.svelte-8wjhd6 h4.svelte-8wjhd6{color:white;font-size:1.1rem;margin-bottom:1rem}.contact-info.svelte-8wjhd6.svelte-8wjhd6{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem}.contact-icon.svelte-8wjhd6.svelte-8wjhd6{width:20px;color:#5eead4;font-size:0.9rem}.footer-bottom.svelte-8wjhd6.svelte-8wjhd6{border-top:1px solid #374151;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.footer-bottom.svelte-8wjhd6 p.svelte-8wjhd6{font-size:0.9rem;margin:0}
.section-title.svelte-xha2ge.svelte-xha2ge{margin-bottom:3rem}.section-title.centered.svelte-xha2ge.svelte-xha2ge{text-align:center}.section-title.svelte-xha2ge h2.svelte-xha2ge{font-size:2.5rem;margin-bottom:1rem}.section-title.svelte-xha2ge p.svelte-xha2ge{max-width:600px;margin:0 auto;color:#6b7280;font-size:1.2rem}
.category-card.svelte-giqynf.svelte-giqynf{background:white;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);transition:transform 0.3s}.category-card.svelte-giqynf.svelte-giqynf:hover{transform:translateY(-10px)}.category-image.svelte-giqynf.svelte-giqynf{height:250px;background:#ccfbf1;display:flex;align-items:center;justify-content:center;color:#0d9488;font-weight:bold;font-size:1.5rem}.category-content.svelte-giqynf.svelte-giqynf{padding:1.5rem}.category-content.svelte-giqynf h3.svelte-giqynf{font-size:1.5rem;margin-bottom:0.75rem}.category-link.svelte-giqynf.svelte-giqynf{color:#14b8a6;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.5rem;transition:gap 0.3s}.category-link.svelte-giqynf.svelte-giqynf:hover{gap:1rem}
.company-info-card.svelte-10ooe43{max-width:80%;margin:0 auto;background:white;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}
.testimonial-card.svelte-1pvhkny{transition:all 0.3s ease}.testimonial-card.svelte-1pvhkny:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);border-color:#a7f3d0}.testimonial-content.svelte-1pvhkny{color:#4b5563}
.categories-grid.svelte-606m2l{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;justify-content:center;justify-items:center}@media(max-width: 1024px){.categories-grid.svelte-606m2l{grid-template-columns:repeat(2, 1fr);justify-content:center;justify-items:center}}@media(max-width: 768px){.categories-grid.svelte-606m2l{grid-template-columns:1fr;justify-content:center;justify-items:center}}.testimonials-grid.svelte-606m2l{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;justify-content:center;justify-items:center}@media(max-width: 1024px){.testimonials-grid.svelte-606m2l{grid-template-columns:repeat(2, 1fr);justify-content:center;justify-items:center}}@media(max-width: 768px){.testimonials-grid.svelte-606m2l{grid-template-columns:1fr;justify-content:center;justify-items:center}}
.documents-grid.svelte-1ymkdvq{display:flex;flex-direction:column;gap:1rem}
.app-container.svelte-1fvvf8q{min-height:100vh;display:flex;flex-direction:column}