@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Lora:wght@400;500;600&display=swap');

:root {
  --color-bg-primary: #faf5ff;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #0f0a1e;
  --color-bg-card: #ffffff;

  --color-text-primary: #3b0764;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #76638b;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #e9d5ff;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #e9d5ff;
  --color-secondary: #a855f7;
  --color-secondary-light: #f3e8ff;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.875rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  --spacing-2xl: 6rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(147, 51, 234, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(147, 51, 234, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(147, 51, 234, 0.15);
  --shadow-xl: 0 20px 25px -5px rgba(147, 51, 234, 0.2);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
  font-size: 1rem;
}

.e09b3a3 {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-text-primary);
}

h1 {
  font-size: clamp(2rem, 5vw, 4rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 3rem);
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

h5 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-xs);
}

p {
  margin-bottom: var(--spacing-md);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-primary-hover);
}

button,
.hf074 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-light);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
}

button:hover,
.hf074:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

button:active,
.hf074:active {
  transform: translateY(0);
}

.e92 {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-text-light);
}

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

.nae {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

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

.h3d1 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.h3d1:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.f341 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-2xl) 0;
}

.la60 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-2xl) 0;
}

.la60 h1,
.la60 h2,
.la60 h3,
.la60 h4,
.la60 h5,
.la60 h6 {
  color: var(--color-text-light);
}

.la60 a {
  color: var(--color-primary-light);
}

.la60 a:hover {
  color: var(--color-text-light);
}

.h30a3c {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-2xl) 0;
}

.l8b {
  display: grid;
  gap: var(--spacing-lg);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.lf426847 {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.e1cf52 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.g874 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.afa91 {
  flex-direction: column;
}

.k7c0ecea {
  justify-content: center;
}

.daedc {
  justify-content: flex-start;
}

.m56c12 {
  gap: var(--spacing-xs);
}

.meb {
  gap: var(--spacing-sm);
}

.l4dc4 {
  gap: var(--spacing-md);
}

.i47beb24 {
  gap: var(--spacing-lg);
}

.j49b38 {
  text-align: center;
}

.p0b340 {
  text-align: left;
}

.ef570 {
  text-align: right;
}

.l48cf33 {
  color: var(--color-text-secondary);
}

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

.j067d531 {
  font-weight: 700;
}

.h774 {
  font-weight: 600;
}

.k673 {
  font-weight: 500;
}

.bc98e {
  line-height: 1.2;
}

.ke99bb4 {
  line-height: 1.8;
}

.ifddfd1f {
  margin-top: var(--spacing-xs);
}

.ca787a1 {
  margin-top: var(--spacing-sm);
}

.ndc6043e {
  margin-top: var(--spacing-md);
}

.hb603d {
  margin-top: var(--spacing-lg);
}

.i70eb1 {
  margin-top: var(--spacing-xl);
}

.kc5 {
  margin-bottom: var(--spacing-xs);
}

.mfd920 {
  margin-bottom: var(--spacing-sm);
}

.jdcf3b9 {
  margin-bottom: var(--spacing-md);
}

.c49 {
  margin-bottom: var(--spacing-lg);
}

.gec7bc {
  margin-bottom: var(--spacing-xl);
}

.j009 {
  padding-top: var(--spacing-xs);
}

.pf0 {
  padding-top: var(--spacing-sm);
}

.l7f {
  padding-top: var(--spacing-md);
}

.h902 {
  padding-top: var(--spacing-lg);
}

.g96733 {
  padding-top: var(--spacing-xl);
}

.cc738f0b {
  padding-bottom: var(--spacing-xs);
}

.d013d {
  padding-bottom: var(--spacing-sm);
}

.c5d7 {
  padding-bottom: var(--spacing-md);
}

.kd68be {
  padding-bottom: var(--spacing-lg);
}

.mf8 {
  padding-bottom: var(--spacing-xl);
}

.id07f46d {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.cef89 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.fa9c6f2 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.db1345e {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.mc6c0460 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.j415 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-text-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.m2c545 {
  background: var(--color-primary);
  color: var(--color-text-light);
}

.m214f13 {
  background: var(--color-secondary-light);
  color: var(--color-text-primary);
}

.f24382e {
  background: var(--color-success);
  color: var(--color-text-light);
}

.p032 {
  background: var(--color-warning);
  color: var(--color-text-light);
}

.p97 {
  background: var(--color-danger);
  color: var(--color-text-light);
}

.h7d983b1 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

.kc99f6 {
  background: var(--color-border-light);
}

.lba {
  opacity: 0.5;
}

.o918 {
  opacity: 0.75;
}

@media (max-width: 768px) {
  .e09b3a3 {
    padding: 0 16px;
  }

  h1 {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
  }

  h2 {
    font-size: clamp(1.25rem, 3vw, 2rem);
  }

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

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

  .e1cf52 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .g874 {
    flex-direction: column;
    align-items: flex-start;
  }

  .f341,
  .la60,
  .h30a3c {
    padding: var(--spacing-xl) 0;
  }
}

@media (max-width: 480px) {
  .e09b3a3 {
    padding: 0 12px;
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  button,
  .hf074 {
    width: 100%;
  }

  .f341,
  .la60,
  .h30a3c {
    padding: var(--spacing-lg) 0;
  }

  .i47beb24 {
    gap: var(--spacing-md);
  }
}
.c960 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    width: 100%;
    z-index: 1000;
  }

  .pd28 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2rem);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1rem, 2vw, 2rem);
    height: 70px;
  }

  .d54e {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 0.75rem;
    flex-shrink: 0;
    transition: opacity var(--transition-base);
  }

  .d54e:hover {
    opacity: 0.8;
  }

  .f9e6d {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
  }

  .h29a {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    white-space: nowrap;
  }

  .ke72 {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex: 1;
    margin: 0 2rem;
  }

  .l8d77d82 {
    font-family: var(--font-primary);
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color var(--transition-base);
    white-space: nowrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .l8d77d82:hover {
    color: var(--color-accent);
  }

  .a49bbf {
    display: none;
    padding: 0.75rem 1.5rem;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background var(--transition-base);
    white-space: nowrap;
    flex-shrink: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .jdc53a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    gap: 5px;
    flex-shrink: 0;
    transition: transform var(--transition-base);
  }

  .jdc53a:hover {
    transform: scale(1.05);
  }

  .h7f {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--color-text-primary);
    border-radius: 1px;
    transition: all var(--transition-base);
  }

  .j127 {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-bg-primary);
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all var(--transition-base);
    z-index: 999;
    overflow-y: auto;
  }

  .j127.b859f {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .f469a549 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid var(--color-border-light);
    height: 70px;
  }

  .fcd698 {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-primary);
    font-size: 1.5rem;
    transition: color var(--transition-base);
  }

  .fcd698:hover {
    color: var(--color-accent);
  }

  .e55aac {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 2rem);
  }

  .o43191 {
    padding: 1rem 0;
    font-family: var(--font-primary);
    font-size: clamp(1rem, 2vw, 1.125rem);
    color: var(--color-text-secondary);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border-light);
    transition: color var(--transition-base);
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .o43191:hover {
    color: var(--color-accent);
  }

  .k90d0 {
    display: block;
    margin: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2rem);
    padding: 1rem 1.5rem;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    border-radius: 0.5rem;
    text-decoration: none;
    text-align: center;
    transition: background var(--transition-base);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  @media (min-width: 768px) {
    .ke72 {
      display: flex;
    }

    .a49bbf {
      display: block;
    }

    .jdc53a {
      display: none;
    }

    .j127 {
      display: none !important;
    }
  }

  h1, h2, h3, h4, h5, h6, p {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

    

.b59b {
  width: 100%;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hf074 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.j68b {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.j68b:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.je40 {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.je40:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.aa5256f0 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.aa5256f0:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.f5ece5f5 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

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

.k33c {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

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

.dd7ff091 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a561c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.mac5f5f0 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.mf21c {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.n48 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 7vw, 4.5rem);
  color: var(--color-text-primary);
  font-weight: 900;
  line-height: 1.1;
  margin: 0.5rem 0 1rem 0;
}

.ae6c3d {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.c70afb78 {
  width: 100%;
  max-height: 500px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(147, 51, 234, 0.15);
}

.c70afb78 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.n018 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
}

@media (max-width: 767px) {
  .n018 {
    flex-direction: column;
  }

  .n018 .hf074 {
    width: 100%;
  }
}

.pea {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f0e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
}

.h6e35 {
  flex: 1 1 280px;
  max-width: 400px;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.p0e59 .j5e5de {
  color: var(--color-text-on-accent);
}

.p0e59 .l4138e2 {
  color: var(--color-text-muted);
}

.eb4 {
  background: var(--color-bg-primary);
  border: 2px solid var(--color-accent);
}

.eb4 .j5e5de {
  color: var(--color-text-primary);
}

.eb4 .l4138e2 {
  color: var(--color-text-secondary);
}

.j5e5de {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

.l4138e2 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  margin: 0;
}

.d418f {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.bece9b {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.ka6d8 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.i479 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  margin: 0 0 1rem 0;
}

.aec8525 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.a0f5b {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.obabfb {
  flex: 1 1 200px;
  max-width: 250px;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
}

.e0273e {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 4rem);
  color: var(--color-accent);
  font-weight: 900;
  margin: 0 0 0.5rem 0;
  line-height: 1;
}

.o084c0 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.ob5ce973 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.o9b82271 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c1ce {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.o85 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.de2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  margin: 0;
}

.m4d348 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 900px;
  margin: 0 auto;
}

.p18 {
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 2px solid var(--color-accent);
}

.p18:last-child {
  border-bottom: none;
}

.cae207c6 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

.oef87e5 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.l2369 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a037d {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.b8b {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.f24f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 800;
  margin: 0 0 1rem 0;
}

.pee3c760 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
}

.d4ccf {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  padding-left: clamp(2rem, 5vw, 4rem);
}

.d4ccf::before {
  content: '';
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.25rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

.c99 {
  position: relative;
}

.k198c {
  position: absolute;
  left: clamp(-2rem, -4vw, -3rem);
  top: 0;
  width: clamp(2rem, 4vw, 2.5rem);
  height: clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.25rem);
  box-shadow: 0 0 0 4px var(--color-bg-tertiary);
}

.i96 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.cffe9 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

.c8719e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.p50fd {
  display: flex;
  justify-content: center;
}

.mbc378 {
  max-width: 600px;
  padding: clamp(2rem, 5vw, 4rem);
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  border: 2px solid var(--color-accent);
  border-radius: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.f842b8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 800;
  margin: 0;
}

.l07 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.pcfcf0de {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.mca {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.ec8 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.l5bfe6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  margin: 0 0 1rem 0;
}

.f097 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.eafdf {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.hee23 {
  flex: 1 1 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(147, 51, 234, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.hee23:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.2);
}

.i141a {
  width: 50px;
  height: 50px;
  background: var(--color-bg-primary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-accent);
}

.d6fc38 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

.i0f {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.b97 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.eeea92 {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.ncef2 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.me25968f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  margin: 0 0 1rem 0;
}

.h1f {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.eb5c42d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.c88 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(147, 51, 234, 0.1);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.c88:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.2);
}

.b0c {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.b0c img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.if1 {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p72de {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

.md0 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.g5a {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
}

.g5a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.k307b774 {
  display: flex;
  justify-content: center;
}

.c92 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.2);
}

.c92.b5d56 {
  display: none;
}

.l93203 {
  color: var(--color-text-on-accent);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  max-width: 500px;
  text-align: center;
}

.nd2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.j0777,
.g2afb00 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
}

.j0777 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.j0777:hover {
  background: var(--color-accent-hover);
  transform: translateY(-1px);
}

.g2afb00 {
  background: transparent;
  color: var(--color-text-on-accent);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.g2afb00:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .f0e {
    flex-direction: column;
  }

  .h6e35 {
    max-width: 100%;
  }

  .d4ccf {
    padding-left: clamp(1.5rem, 3vw, 2rem);
  }

  .k198c {
    left: clamp(-1.75rem, -3vw, -2.25rem);
  }

  .eb5c42d {
    flex-direction: column;
    align-items: center;
  }

  .c88 {
    max-width: 100%;
  }

  .c92 {
    flex-direction: column;
  }

  .nd2 {
    width: 100%;
  }

  .j0777,
  .g2afb00 {
    flex: 1;
    min-width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .a0f5b {
    gap: 2rem;
  }

  .eafdf {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .n48 {
    margin-bottom: 1.5rem;
  }

  .eb5c42d {
    gap: 2rem;
  }

  .eafdf {
    gap: 2.5rem;
  }
}

    .d5970 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.d5970 .e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.k56 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.j31c3b3f {
  display: block;
}

.j31c3b3f h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.j31c3b3f p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 480px;
}

.j84b393 {
  display: block;
}

.j84b393 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.hbb {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
}

.hbb a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hbb a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.pfc146b8 {
  display: block;
}

.pfc146b8 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.pfc146b8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n14d9def {
  display: block;
}

.n14d9def h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ac500fd {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
}

.ac500fd a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ac500fd a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.b1ee {
  display: block;
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(2rem, 4vw, 3rem);
}

.b1ee p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b1ee p:first-child {
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.j127346 {
  font-size: clamp(0.75rem, 0.9vw, 0.875rem) !important;
  color: var(--color-text-muted) !important;
}

@media (min-width: 768px) {
  .k56 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(3rem, 6vw, 4.5rem);
    justify-content: space-between;
  }

  .j31c3b3f {
    flex: 1 1 280px;
  }

  .j84b393 {
    flex: 0 1 auto;
  }

  .pfc146b8 {
    flex: 0 1 auto;
  }

  .n14d9def {
    flex: 0 1 auto;
  }

  .b1ee {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .k56 {
    flex-direction: row;
    align-items: flex-start;
  }

  .j31c3b3f {
    flex: 1 1 300px;
  }

  .j84b393,
  .pfc146b8,
  .n14d9def {
    flex: 0 1 auto;
  }
}
    

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Lora', serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Playfair Display', serif;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.e97 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border);
}

.i7315764 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.d3913 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.h1012dd5 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.h1012dd5:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.ee23 {
  color: var(--color-text-secondary);
}

.o964d80 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.d29 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.lc7dfc9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  max-width: 700px;
  line-height: 1.7;
}

.e9e12c59 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.h6072 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.p6bc2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.lcba7b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.heb569 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

.j5edd16 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.g0b3 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 25vw, 320px);
  min-width: 280px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.g0b3:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.12);
  border-color: var(--color-accent);
}

.p1e749 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.l5cbb64 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  min-height: 3.5rem;
}

.m1af5c3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.6;
  flex-grow: 1;
}

.oc6 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border);
}

.h1f4,
.f251c4b,
.fadbc2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.h1f4 i,
.f251c4b i,
.fadbc2 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.he74 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

.he74:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.kbd9 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.p5d0c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.f9f51 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ha9 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.j7b35a {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

.kf8d {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.g20b7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: flex-start;
}

.d92 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(147, 51, 234, 0.15);
  color: var(--color-text-muted);
  font-size: 1.5rem;
}

.pad9fb {
  flex-grow: 1;
}

.c517 {
  color: #ffffff;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.hd610 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.6;
}

@media (min-width: 768px) {
  .e97 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .g0b3 {
    flex: 1 1 clamp(300px, 22vw, 340px);
  }

  .g20b7 {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .e97 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .e9e12c59 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .kbd9 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .g0b3 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: 340px;
  }

  .g20b7 {
    gap: 2.5rem;
  }
}

@media (max-width: 767px) {
  .g0b3 {
    flex: 1 1 100%;
  }

  .j5edd16 {
    flex-direction: column;
  }

  .d3913 {
    font-size: 0.8125rem;
  }
}

.e995 {
    width: 100%;
    overflow-x: hidden;
  }

  .e09b3a3 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 4vw, 2rem);
    display: block;
  }

  .k637 {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--color-bg-primary);
  }

  .i7fa750c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .bc405 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(15, 10, 30, 0.7) 0%, rgba(59, 7, 100, 0.5) 100%);
    z-index: 2;
  }

  .k637 .e09b3a3 {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 3vw, 2rem);
  }

  .e48ef540 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  }

  .e48ef540 a {
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--transition-base);
  }

  .e48ef540 a:hover {
    color: var(--color-accent);
    text-decoration: underline;
  }

  .e48ef540 span {
    color: var(--color-text-muted);
  }

  .ldf0a1 {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.5rem);
  }

  .gdc932d {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  }

  .n5f76 {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: var(--radius-md);
    font-weight: 600;
  }

  .b7bd61d {
    color: var(--color-text-muted);
  }

  .l99b68,
  .mde8c85 {
    color: var(--color-text-muted);
  }

  .gbec6d {
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    color: var(--color-text-muted);
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .i38 {
    font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-light);
    line-height: 1.6;
    max-width: 600px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .c50 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 5vw, 3.5rem) 0;
    overflow: hidden;
  }

  .h3aec {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-accent);
  }

  .ada747 {
    flex-shrink: 0;
  }

  .o67f05 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-md);
    object-fit: cover;
    display: block;
  }

  .fc22 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
  }

  .i7be0705 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
  }

  .i7be0705 a {
    color: var(--color-text-primary);
    text-decoration: none;
    transition: color var(--transition-base);
  }

  .i7be0705 a:hover {
    color: var(--color-accent);
  }

  .nec9 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-accent);
    font-weight: 600;
    margin: 0;
  }

  .e0cc0f {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
  }

  .ae5 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .fcc {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3rem);
    align-items: flex-start;
  }

  .o75c9 {
    flex: 1 1 65%;
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 5vw, 3rem);
  }

  .kea060,
  .k6171,
  .k89f2,
  .j2a {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .f8f7e1c8,
  .h93,
  .kdef,
  .ce5db1 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: center;
  }

  .p6cebfa,
  .o59,
  .e0a8a,
  .g7bf0d {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .m64e3c,
  .ccf7,
  .j813c,
  .i10b {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .b93,
  .i0bb1,
  .h09490,
  .cc6b {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    display: block;
    object-fit: cover;
  }

  .aca0a74,
  .p6ecd1f,
  .g28e,
  .lffadbe {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .cb2c2d,
  .b3bb5b4,
  .l44f17,
  .ce2 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .dfab92 {
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-secondary);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
    margin-top: 0.5rem;
  }

  .h5f {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .p29 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1rem 0 0 0;
    padding-left: 0;
    list-style: none;
  }

  .h8c4b09 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .h8c4b09::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--color-accent);
    font-weight: bold;
  }

  .d56 {
    padding: clamp(2rem, 4vw, 3rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
  }

  .gc4 {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .p7cd6 {
    font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .l4b29 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.7;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .c359807 {
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-warning);
  }

  .oe8205 {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }

  .m21fe {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-muted);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .o9c {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-muted);
    margin: 0;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .b8a6d1 {
    flex: 1 1 35%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .aec8 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .j4bb9 {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .p1a3b22 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border-light);
  }

  .p1a3b22:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .e07a {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
    color: var(--color-text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .k24d9a {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .k40c9e95 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .m99f49 {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .ifd5 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .h7f1e08 {
    margin: 0;
    padding: 0;
  }

  .m8528 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-accent);
    text-decoration: none;
    transition: color var(--transition-base);
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
  }

  .m8528:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
  }

  .mf38c645 {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .gac00f3 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .n8930142 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    text-align: center;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .k72749 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
  }

  .ff71e {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
    display: flex;
    flex-direction: column;
  }

  .ff71e:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
  }

  .d72130 {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }

  .a933 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .p0304beb {
    padding: clamp(1rem, 2vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .a3dc {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
  }

  .a3dc a {
    color: var(--color-text-primary);
    text-decoration: none;
    transition: color var(--transition-base);
  }

  .a3dc a:hover {
    color: var(--color-accent);
  }

  .p38e {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  @media (max-width: 1024px) {
    .fcc {
      flex-direction: column;
    }

    .o75c9 {
      flex: 1 1 100%;
    }

    .b8a6d1 {
      flex: 1 1 100%;
    }

    .f8f7e1c8,
    .h93,
    .kdef,
    .ce5db1 {
      flex-direction: column;
    }

    .p6cebfa,
    .o59,
    .e0a8a,
    .g7bf0d {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .m64e3c,
    .ccf7,
    .j813c,
    .i10b {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ff71e {
      flex: 1 1 calc(50% - 0.75rem);
    }
  }

  @media (max-width: 768px) {
    .k637 {
      min-height: 350px;
    }

    .h3aec {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }

    .o67f05 {
      width: 100px;
      height: 100px;
    }

    .ff71e {
      flex: 1 1 100%;
    }

    .fcc {
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .f8f7e1c8,
    .h93,
    .kdef,
    .ce5db1 {
      gap: clamp(1rem, 2vw, 1.5rem);
    }
  }

  @media (max-width: 480px) {
    .k637 {
      min-height: 300px;
    }

    .e48ef540 {
      font-size: 0.75rem;
    }

    .gbec6d {
      font-size: clamp(1.25rem, 4vw, 1.75rem);
    }

    .i38 {
      font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.95rem);
    }

    .h3aec {
      padding: 1rem;
    }

    .o67f05 {
      width: 80px;
      height: 80px;
    }

    .b8a6d1 {
      gap: 1rem;
    }
  }

.id2 {
  overflow: hidden;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dc35d126 {
  position: relative;
  height: 600px;
  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dc6 {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}

.e9640 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.75) 0%, rgba(126, 34, 206, 0.85) 100%);
  z-index: 1;
}

.dc35d126 .e09b3a3 {
  position: relative;
  z-index: 2;
  width: 100%;
}

.p4af {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex-wrap: wrap;
}

.p4af a {
  color: var(--color-text-on-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}

.p4af a:hover {
  text-decoration: underline;
  opacity: 0.85;
}

.p4af span {
  color: var(--color-text-on-accent);
  opacity: 0.7;
}

.k2bf888 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.a9e4fdca {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
}

.m5f {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  max-width: 700px;
  margin: 0 auto;
  opacity: 0.95;
}

.h2fbd4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 2rem);
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.l18aea {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-on-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  opacity: 0.9;
}

.l18aea i {
  font-size: 1rem;
}

@media (max-width: 768px) {
  .dc35d126 {
    height: 500px;
  }

  .h2fbd4 {
    flex-direction: column;
    gap: 0.75rem;
  }
}

.kf084 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.l53c7e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.ndb94 {
  flex-shrink: 0;
}

.ndb94 img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent-light);
}

.c377e {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.kdea4aba {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

.kdea4aba a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.kdea4aba a:hover {
  color: var(--color-accent);
}

.ace3 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
}

.f1cb1 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0.5rem 0 0 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .l53c7e {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .ndb94 img {
    width: 100px;
    height: 100px;
  }
}

.l05 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b8291b66 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.k5d2ab6 {
  flex: 1 1 65%;
  max-width: 65%;
}

.l2f {
  flex: 1 1 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.cfa9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  font-weight: 700;
  line-height: 1.3;
}

.a4ba {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 2rem 0 1rem 0;
  font-weight: 700;
  line-height: 1.3;
}

.k258 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.5rem 0;
  line-height: 1.7;
}

.k166bbc {
  background: linear-gradient(135deg, var(--color-accent-light) 0%, #f3e8ff 100%);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1.25rem, 2vw, 2rem);
  margin: 2rem 0;
}

.jb24 {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-weight: 700;
}

.ne65ea0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.i6a897 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  padding-left: 1.5rem;
  position: relative;
}

.i6a897:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.k2b {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
}

.of21d82 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-weight: 700;
}

.j28f1fd {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.n56 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.n56 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

.e6b72203 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.j22b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.25rem;
  position: relative;
}

.j22b:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 1024px) {
  .b8291b66 {
    flex-direction: column;
  }

  .k5d2ab6,
  .l2f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.c0486 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b0d02b6 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ee9700d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

.pd832 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  flex-wrap: wrap;
}

.a998ce {
  flex: 1 1 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.k3e2cf {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.1);
}

.a5b6e90 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 768px) {
  .a998ce {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.mf143a9c {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ce0ca {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.j9dcf70a {
  flex: 1 1 50%;
  max-width: 50%;
}

.aad7 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n7732 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #ffffff;
  margin: 0 0 1.5rem 0;
  font-weight: 700;
  line-height: 1.3;
}

.c5b25 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0d9ff;
  margin: 0 0 1.5rem 0;
  line-height: 1.7;
}

.g62d1 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: #ffffff;
  margin: 2rem 0 1rem 0;
  font-weight: 700;
}

.c894f90 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1024px) {
  .ce0ca {
    flex-direction: column;
  }

  .j9dcf70a,
  .aad7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.a617199 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b418d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.d5a912ec {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.pa0901 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.a5c2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  justify-content: center;
}

.hcc2c660 {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 280px;
  max-width: calc(33.333% - 1.75rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.hcc2c660:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(147, 51, 234, 0.12);
  border-color: var(--color-accent-light);
}

.pdd9d450 {
  font-size: 2.5rem;
  color: var(--color-accent);
  text-align: center;
}

.daf64486 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  text-align: center;
}

.c241 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 1024px) {
  .hcc2c660 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: calc(50% - 0.75rem);
    min-width: 250px;
  }
}

@media (max-width: 768px) {
  .hcc2c660 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.d533 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e714 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.e6b {
  flex: 1 1 50%;
  max-width: 50%;
}

.h9173f {
  flex: 1 1 50%;
  max-width: 50%;
}

.f25 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-weight: 700;
  line-height: 1.3;
}

.ife {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.5rem 0;
  line-height: 1.7;
}

.c8537b {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.1);
}

.a68f1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

.ce97d28a {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.l4130b8 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 50px;
  text-align: center;
  margin: 0;
}

.g9a15639 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.m67be45f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

.b7ec {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .e714 {
    flex-direction: column;
  }

  .e6b,
  .h9173f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.la5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d04eb {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.l97482 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  font-weight: 700;
  line-height: 1.3;
}

.bcdeb1d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.5rem 0;
  line-height: 1.8;
}

.bcdeb1d:last-child {
  margin-bottom: 0;
}

.dffc3d {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.pa612bf {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.05);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1.5rem, 2vw, 2rem);
}

.o34d2342 {
  font-size: 1.5rem;
  color: var(--color-accent-light);
  min-width: 30px;
  text-align: center;
  flex-shrink: 0;
}

.ef3082 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.d0b573 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #ffffff;
  margin: 0;
  font-weight: 700;
}

.pb56 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: #e0d9ff;
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .pa612bf {
    flex-direction: column;
  }

  .o34d2342 {
    min-width: auto;
  }
}

.p923b6 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n475 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.m1fd08 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

.fc311e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  justify-content: center;
}

.g169 {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 280px;
  max-width: calc(33.333% - 1.75rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.g169:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(147, 51, 234, 0.15);
  border-color: var(--color-accent-light);
}

.e63d7e {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--color-accent-light) 0%, #f3e8ff 100%);
}

.c57bf0 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c1589ec {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.nbf20e4 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
}

.dc2c08 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.p79e8 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin-top: 0.5rem;
  transition: all 0.3s ease;
}

.p79e8:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .g169 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: calc(50% - 0.75rem);
    min-width: 250px;
  }
}

@media (max-width: 768px) {
  .g169 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Lora', serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.a40b {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.d6179f7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.g6763 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(59, 7, 100, 0.75) 0%, rgba(107, 33, 168, 0.65) 100%);
  z-index: 2;
}

.a40b .e09b3a3 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.g60e5c {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.g60e5c a {
  color: #faf5ff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.g60e5c a:hover {
  color: #d8b4fe;
  text-decoration: underline;
}

.g60e5c span {
  color: #d8b4fe;
}

.o5e3cb {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.e317a {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.j1b {
  display: inline-block;
  background: rgba(211, 180, 254, 0.25);
  color: #faf5ff;
  padding: 0.35rem 0.75rem;
  border-radius: 20px;
  font-weight: 500;
}

.f1299,
.o42,
.e22 {
  color: #d8b4fe;
}

.l81 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #faf5ff;
  line-height: 1.2;
}

.id0e2098 {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: #faf5ff;
  max-width: 600px;
}

.m8b296 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.oa24b8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(59, 7, 100, 0.1);
}

.ed9fe270 {
  flex-shrink: 0;
}

.f72051 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.i96929 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ab2a {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
}

.ab2a a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.ab2a a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.j3be {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-secondary);
  font-weight: 500;
}

.f53574a {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .oa24b8 {
    flex-direction: column;
    text-align: center;
  }

  .f72051 {
    width: 100px;
    height: 100px;
  }
}

.m62c {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d712cad {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: flex-start;
}

.o56b7e {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.b09ca7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.aee {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.ic3 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.n8f6e {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.i03 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

.n1f88962 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.m531ff {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ld47c031 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.d68903 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

.m83e {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
}

.g52 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

.g52::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 1024px) {
  .d712cad {
    flex-direction: column;
  }

  .o56b7e {
    flex: 1 1 100%;
  }

  .n8f6e {
    flex: 1 1 100%;
  }
}

.bb39eb2 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a873c {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.i325c8 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.de4ec {
  flex: 1 1 50%;
  max-width: 50%;
}

.la3 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 16px rgba(59, 7, 100, 0.15);
}

@media (max-width: 768px) {
  .a873c {
    flex-direction: column;
  }

  .i325c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .de4ec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ce3a311 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.hb174f0 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.gd91755 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o9eb365 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width: 768px) {
  .hb174f0 {
    flex-direction: column;
  }

  .gd91755 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o9eb365 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.c6b802 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e7c88 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.j1ff {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: #faf5ff;
  text-align: center;
  line-height: 1.2;
}

.k9c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.j7c {
  flex: 1 1 calc(25% - 1.875rem);
  min-width: 200px;
  max-width: 280px;
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid rgba(216, 180, 254, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

.j7c:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(216, 180, 254, 0.4);
  transform: translateY(-4px);
}

.iaab9a09 {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: var(--color-secondary);
}

.h5528f {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #faf5ff;
  line-height: 1.3;
}

.h6b2 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: #d8b4fe;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .j7c {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 640px) {
  .j7c {
    flex: 1 1 100%;
  }
}

.fb6f3 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.cb49786 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.h43e {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 16px rgba(59, 7, 100, 0.15);
  max-height: 450px;
  width: 100%;
  object-fit: cover;
}

.cb89d2 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l1774 {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.e23 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  text-align: center;
}

.e548c {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: left;
}

.c802 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(59, 7, 100, 0.1);
}

.h090ec {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p2b6997b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.d9fb62 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.f401c {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.bd006c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ma45e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: #faf5ff;
  text-align: center;
  line-height: 1.2;
}

.l99d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.i72ccd {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 250px;
  max-width: 360px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.i72ccd:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(59, 7, 100, 0.15);
}

.p51014 {
  overflow: hidden;
  aspect-ratio: 3/2;
  width: 100%;
}

.p131f {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.i72ccd:hover .p131f {
  transform: scale(1.05);
}

.h40f01d6 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.c1de {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.c1de a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.c1de a:hover {
  color: var(--color-accent);
}

.l89 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .i72ccd {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 640px) {
  .i72ccd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lb9a8cf {
  background: var(--color-bg-primary);
  width: 100%;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block !important;
}

.pf2a {
  position: relative;
  background: var(--color-bg-primary);
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4rem) 0;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.c1e98 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.j66f89 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(59, 7, 100, 0.75) 0%, rgba(107, 33, 168, 0.65) 100%);
  z-index: 2;
}

.pf2a .e09b3a3 {
  position: relative;
  z-index: 3;
}

.ba406 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  flex-wrap: wrap;
}

.ba406 a {
  color: var(--color-text-muted);
  text-decoration: none;
  transition: all 0.3s ease;
}

.ba406 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.ba406 span {
  color: var(--color-text-muted);
}

.k1e9ce {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k2e834 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
}

.ia7 {
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
}

.e289c0 {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.bd602a60 {
  color: var(--color-text-muted);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 90%;
}

.geb76 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.c797c9 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.abf {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
}

.b6961 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.h9f18 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
}

.h9f18 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

.h9f18 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.i63 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
}

.g56 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .c797c9 {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .abf {
    width: 100px;
    height: 100px;
  }
}

.g3d {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.g04 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.nc9b {
  flex: 1 1 65%;
  max-width: 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.d6d6f {
  flex: 1 1 35%;
  max-width: 35%;
}

.hca1fc {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.db10 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
}

.c5e9ff {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.n544 {
  background: linear-gradient(135deg, #f3e8ff 0%, #ede9fe 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.afb {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

.med3 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.med3 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

.med3 li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 768px) {
  .g04 {
    flex-direction: column;
  }

  .nc9b,
  .d6d6f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.c62 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.e3db45c8 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.la478 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k30461dc {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.p6fe2 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.b71a4 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.afa4f7a {
  color: var(--color-text-muted);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
}

@media (max-width: 768px) {
  .e3db45c8 {
    flex-direction: column;
  }

  .la478,
  .p6fe2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.g80 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.k154 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.n6dc9 {
  flex: 1 1 60%;
  max-width: 60%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.e289 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.a37a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
}

.aa5755f8 {
  flex: 1 1 40%;
  max-width: 40%;
}

@media (max-width: 768px) {
  .k154 {
    flex-direction: column;
  }

  .n6dc9,
  .aa5755f8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.n69b1c3a {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.pe3 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.bcc1 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.ndb27c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.j7d5 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.j7d5:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-4px);
}

.i5c1c6 {
  color: #ffffff;
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
}

.g78d57 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.7;
}

.d41b {
  background: rgba(147, 51, 234, 0.1);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(147, 51, 234, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pb65f {
  color: #ffffff;
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
}

.e061b425 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.e061b425 li {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.7;
  padding-left: 1.5rem;
  position: relative;
}

.e061b425 li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .ndb27c {
    flex-direction: column;
  }

  .j7d5 {
    flex: 1 1 100%;
  }
}

.geaf {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.kf4d {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 90%;
}

.l70895b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.e14cf6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
}

.b95 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.m6320 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l75 {
  color: #ffffff;
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
}

.jdbcd {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.7;
}

.kad71 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.a6a9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.g3accc1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.f1584b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  line-height: 1.6;
}

.i84 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.fdec2ce {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.fdec2ce:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);
  transform: translateY(-4px);
}

.o679f {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.c0a75 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.j4a6ce {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 700;
  line-height: 1.4;
}

.kf0b1c {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.6;
  flex: 1;
}

.df28c865 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: 0.5rem;
}

.df28c865:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .fdec2ce {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (max-width: 768px) {
  .fdec2ce {
    flex: 1 1 100%;
  }
}

@media (max-width: 768px) {
  .pf2a {
    min-height: 400px;
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .e289c0 {
    margin-bottom: 1rem;
  }

  .bd602a60 {
    max-width: 100%;
  }

  .ba406 {
    margin-bottom: 1rem;
  }

  .ia7 {
    padding: 0.4rem 0.75rem;
    font-size: 0.75rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, blockquote, cite {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a3c859 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block !important;
}

.gfd6ff {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.e80 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
}

.g2b {
  text-align: center;
  max-width: 700px;
}

.g2b h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  line-height: 1.2;
}

.g2b .c56 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.d8c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 600px;
}

.d8c p {
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.d8c p:last-child {
  margin-bottom: 0;
}

.bdf06b {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

.mc6f {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.l0daf9 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.h9116 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.h9116 .o39 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  font-weight: 600;
}

.h9116 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.n887f4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.l3b1 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.l3b1:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary);
}

.l3b1 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.l3b1 .i5e002e {
  width: 32px;
  height: 32px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.2rem;
  flex-shrink: 0;
}

.l3b1 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (max-width: 768px) {
  .l3b1 {
    flex: 1 1 100%;
  }
}

.ffd50 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.a27 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.mde9 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  flex-wrap: wrap;
}

.id03 {
  flex: 1 1 45%;
  min-width: 250px;
}

.id03 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.id03 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

.id03 p:last-child {
  margin-bottom: 0;
}

.a6506cfe {
  flex: 1 1 45%;
  min-width: 250px;
  min-height: 300px;
  max-height: 450px;
}

.a6506cfe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

@media (max-width: 768px) {
  .mde9 {
    flex-direction: column;
  }

  .id03,
  .a6506cfe {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

.n88b3a {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.bc7de29 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.be0 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.be0 .o39 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  font-weight: 600;
}

.be0 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.h5d7ac {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

.g56a300 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.g56a300 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

.g56a300 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.c592 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.a15872 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.n4f61 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.n4f61 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.e6654 {
  max-width: 750px;
  margin: 0 auto;
}

.e6654 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.e6654 p:last-child {
  margin-bottom: 0;
}

.lfe9 {
  background: var(--color-bg-primary);
  border-left: 5px solid var(--color-primary);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 3vw, 2.5rem) auto;
  max-width: 650px;
}

.lfe9 p {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1rem;
  margin: 0 0 1rem 0;
}

.lfe9 cite {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  display: block;
  font-style: normal;
  font-weight: 600;
}

.h0cc {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

.ifd09f4e {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 750px;
  margin: 0 auto;
}

.ifd09f4e h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.ifd09f4e .i5e002e {
  width: 28px;
  height: 28px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1rem;
  flex-shrink: 0;
}

.ifd09f4e p {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.75;
  margin: 0;
}

@media (max-width: 768px) {
  .gfd6ff,
  .mc6f,
  .ffd50,
  .n88b3a,
  .c592,
  .h0cc {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

@media (max-width: 480px) {
  .l3b1 {
    flex: 1 1 100%;
  }

  .l3b1 h3 {
    flex-direction: column;
    text-align: center;
  }

  .l3b1 .i5e002e {
    margin: 0 auto;
  }
}

.m94 {
  width: 100%;
}

.d72 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.jb5 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.f4d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.h753c4 {
  width: 100%;
  flex: 1 1 100%;
}

.bfc40b64 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-lg);
}

.c05 {
  width: 100%;
  flex: 1 1 100%;
}

.k30a52 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.f8e3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g97a {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n8e067 {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .d72 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .f4d {
    flex-direction: row;
    align-items: center;
  }

  .h753c4 {
    flex: 1 1 45%;
    min-height: 350px;
  }

  .bfc40b64 {
    max-height: 450px;
    height: 100%;
  }

  .c05 {
    flex: 1 1 50%;
    padding-left: clamp(1rem, 3vw, 2rem);
  }
}

.o6f3f {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.pf7e32d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.i3861ceb {
  text-align: center;
}

.jbd4a837 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.j09a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l9f {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l7849 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.oc8eda {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ef93a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: bold;
  color: var(--color-accent);
}

.ae05 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.o2ea {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ae2 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .l7849 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .l7849 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.hfc {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.e4ea2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.m1c {
  text-align: center;
}

.m53253f {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.lbffa9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g9bc0 {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o6b02c {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.kdc {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

.kdc:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.j791 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.j6f {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o4d5f {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .o6b02c {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .o6b02c {
    grid-template-columns: repeat(3, 1fr);
  }
}

.icdc712f {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.ne6e6 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ia904fc {
  text-align: center;
}

.dc7f7 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.f94 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-light);
  margin-bottom: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hc96788 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.a7c00f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

.j11 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.meba {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-light);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m9ca {
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.f304ef {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-light);
  font-style: italic;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.kc52a {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-muted);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .hc96788 {
    flex-direction: row;
    align-items: flex-start;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .a7c00f {
    flex: 1 1 55%;
  }

  .m9ca {
    flex: 1 1 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.ob84 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.o1503 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.hd75 {
  text-align: center;
}

.h1f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ha5bbf25 {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dd650 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  max-width: 800px;
  margin: 0 auto;
}

.l5012 {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o447 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.j820c8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
  align-items: center;
}

.bfc47 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.fb341f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.e7d {
  font-size: clamp(0.8125rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d07b6 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d07b6:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .d72 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .o6f3f {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .hfc {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .icdc712f {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .ob84 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .o447 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }
}

@media (min-width: 1024px) {
  .d72 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .o6f3f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .hfc {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .icdc712f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ob84 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .o447 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

.l84e1e {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.ga1 {
  position: relative;
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.p95bc {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
}

.kacf {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.l4bf {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.m0c6cc3c {
  display: none;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: var(--spacing-lg);
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .ga1 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .m0c6cc3c {
    display: block;
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .ga1 {
    padding: 4rem var(--spacing-xl);
  }

  .m0c6cc3c {
    max-height: 350px;
  }
}

.g078a7b {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.idc7 {
  max-width: 900px;
  margin: 0 auto;
}

.j9c0f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.eacd5b {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.eacd5b:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.b0ea9 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-md);
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color var(--transition-base);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.b0ea9:hover {
  background-color: var(--color-bg-tertiary);
}

.b0ea9:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.ea22 {
  flex: 1;
  line-height: 1.5;
}

.p8303 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-text-secondary);
  transition: transform var(--transition-base);
  margin-top: 2px;
}

.eacd5b[aria-expanded="true"] .p8303 {
  transform: rotate(180deg);
}

.pc80 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
  background-color: var(--color-bg-primary);
}

.eacd5b[aria-expanded="true"] .pc80 {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

.pc80 p {
  margin: 0;
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

.jdfa75 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

.jdfa75:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.jdfa75:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

@media (min-width: 768px) {
  .g078a7b {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .j9c0f {
    gap: var(--spacing-lg);
  }

  .b0ea9 {
    padding: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .g078a7b {
    padding: 3rem var(--spacing-xl);
  }
}

.i9ee0ed7 {
  position: relative;
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.ae4e4 {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
}

.k53 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.d7da0 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.b457 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: background-color var(--transition-base), color var(--transition-base);
  cursor: pointer;
  text-align: center;
}

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

.b457:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}

.acade161 {
  display: none;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: var(--spacing-lg);
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .i9ee0ed7 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .acade161 {
    display: block;
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .i9ee0ed7 {
    padding: 4rem var(--spacing-xl);
  }

  .acade161 {
    max-height: 350px;
  }
}

.n43df {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.fee15e19 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.f042b {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.b0ee7 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.d9ea948 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .fee15e19 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fee15e19 {
    padding: 5rem var(--spacing-xl);
  }
}

.n3cb {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e339d71 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n27db3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .e339d71 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .e339d71 {
    padding: 3rem var(--spacing-xl);
  }

  .n27db3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.l12da {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.l12da:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.m92e57 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  font-size: 28px;
  color: var(--color-primary);
}

.o7d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.e4fc {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.a4827 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.b81 {
  max-width: 700px;
  margin: 0 auto;
}

.id92b0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  text-align: center;
}

.m17c3e {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
  text-align: center;
}

.m17c3e:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .a4827 {
    padding: 3rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a4827 {
    padding: 4rem var(--spacing-xl);
  }
}

.ocd38 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.od371 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.i33 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.la469 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
}

.b1d6f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  font-family: var(--font-primary);
  cursor: pointer;
}

.b1d6f:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.b1d6f:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .ocd38 {
    padding: 3rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ocd38 {
    padding: 4rem var(--spacing-xl);
  }
}

.m2f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.d8fc63f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .m2f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .m2f {
    padding: 3rem var(--spacing-xl);
  }

  .d8fc63f {
    grid-template-columns: repeat(4, 1fr);
  }
}

.od1b39 {
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  aspect-ratio: 4 / 3;
}

.od1b39 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.od1b39:hover img {
  transform: scale(1.05);
}

.l7c2bea7 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.l7c2bea7 .e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l7c2bea7 .h9b2b {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--spacing-md);
  display: flex;
  flex-direction: column;
}

.l7c2bea7 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.l7c2bea7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.l7c2bea7 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.l7c2bea7 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

.l7c2bea7 ul li {
  margin-bottom: var(--spacing-sm);
}

.l7c2bea7 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.l7c2bea7 .ff195a9 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.l7c2bea7 .db848 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.l7c2bea7 .db848 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.l7c2bea7 .db848 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.l7c2bea7 .ec9d27 {
  margin-bottom: var(--spacing-md);
}

.l7c2bea7 .cefcc62a {
  color: var(--color-text-primary);
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}

.l7c2bea7 .o2460b {
  color: var(--color-text-primary);
  display: block;
}

@media (min-width: 768px) {
  .l7c2bea7 .h9b2b {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l7c2bea7 .h9b2b {
    padding: var(--spacing-2xl) 0;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.kc6e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.m2a57 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.e09b3a3 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

.h9b2b {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: center;
}

.a591aa1 {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.f2389bea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 140px);
  height: clamp(80px, 15vw, 140px);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.cca8 {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

.oe5b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  margin: 0;
}

.d9f {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.3px;
}

.iae92 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin: 0;
  max-width: 600px;
}

.k488 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-md);
  letter-spacing: 0.3px;
}

.k488:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.k488:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.k488:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .m2a57 {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  
  .a591aa1 {
    gap: var(--spacing-xl);
  }
  
  .f2389bea {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .m2a57 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
  
  .e09b3a3 {
    padding: 0 var(--spacing-lg);
  }
  
  .a591aa1 {
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .m2a57 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
  
  .e09b3a3 {
    padding: 0 var(--spacing-xl);
  }
}

@media (min-width: 1440px) {
  .m2a57 {
    padding: var(--spacing-2xl) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .k488 {
    transition: none;
  }
  
  .k488:hover {
    transform: none;
  }
}

.h0a152 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.k71a {
  width: 100%;
  overflow: hidden;
}

.e09b3a3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.h9b2b {
  max-width: 800px;
  margin: 0 auto;
}

.n92ca {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl) 0;
}

.l30cc9 {
  position: relative;
  margin-bottom: var(--spacing-md);
}

.g822 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 7rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  display: block;
  margin: 0;
  letter-spacing: -0.02em;
}

.l42 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(120px, 25vw, 200px);
  height: clamp(120px, 25vw, 200px);
  opacity: 0.6;
  z-index: -1;
}

.k34c7 {
  width: 100%;
  height: 100%;
  color: var(--color-primary-light);
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.j1f3 {
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.j1f3 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.c990 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.6;
}

.k3b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.f37c9b {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  text-align: left;
}

.p0d7 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.j2d {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.j2d li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.j2d li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.hf074 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: 1.5;
}

.a22f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.a22f:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.a22f:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .n92ca {
    gap: var(--spacing-2xl);
    padding: var(--spacing-2xl) 0;
  }

  .f37c9b {
    padding: var(--spacing-lg);
  }

  .j2d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    text-align: center;
  }

  .j2d li {
    padding-left: 0;
    text-align: center;
  }

  .j2d li::before {
    display: none;
  }

  .j2d li::after {
    content: "✓";
    display: block;
    font-size: clamp(1rem, 1vw, 1.25rem);
    color: var(--color-primary);
    margin-bottom: var(--spacing-xs);
  }
}

@media (min-width: 1024px) {
  .h0a152 {
    padding: var(--spacing-lg);
  }

  .n92ca {
    gap: var(--spacing-2xl);
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .l30cc9 {
    margin-bottom: var(--spacing-lg);
  }

  .f37c9b {
    padding: var(--spacing-xl);
    border-left-width: 6px;
  }
}

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

.n9852 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.oe7 {
  padding: 0 1rem;
}

.d074ac {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.5px;
}

.o87555 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
}

@media (min-width: 768px) {
  .n9852 {
    padding: 5rem 0;
  }

  .oe7 {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .n9852 {
    padding: 6rem 0;
  }

  .d074ac {
    font-size: clamp(2rem, 5vw, 3rem);
  }
}

.l1d7569 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.dbe {
  padding: 0 1rem;
}

.j26 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.jac3d {
  flex: 1 1 100%;
  min-width: 0;
}

.p23f3 {
  flex: 1 1 100%;
  min-width: 0;
}

.i4d3f3,
.g26f4ff {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  letter-spacing: -0.3px;
}

.i17ee7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.lf8aa {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.j15179 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.kab,
.f38 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.kab::placeholder,
.f38::placeholder {
  color: var(--color-text-muted);
}

.kab:focus,
.f38:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.f38 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.cf16d18 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

.f5d8af1 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.f5d8af1:hover,
.f5d8af1:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.ja4b {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ja4b:hover,
.ja4b:focus {
  background-color: var(--color-primary-hover);
  outline: none;
  transform: translateY(-2px);
}

.ja4b:active {
  transform: translateY(0);
}

.fece {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.n9c702 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.kcf0763 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.ka13 {
  flex: 1;
  min-width: 0;
}

.a82 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.c58 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0 0 0.25rem 0;
}

.m2e0e6c8 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.m2e0e6c8:hover,
.m2e0e6c8:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.ac2a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
}

.j8a {
  background-color: var(--color-bg-secondary);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.k2505 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

.ce3274f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 1.5rem 0;
}

.ad50 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.ad50:hover,
.ad50:focus {
  background-color: var(--color-primary-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .l1d7569 {
    padding: 4rem 0;
  }

  .dbe {
    padding: 0;
  }

  .jac3d {
    flex: 1 1 45%;
  }

  .p23f3 {
    flex: 1 1 45%;
  }

  .j8a {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .l1d7569 {
    padding: 6rem 0;
  }

  .j26 {
    gap: 4rem;
  }

  .jac3d {
    flex: 1 1 50%;
  }

  .p23f3 {
    flex: 1 1 50%;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.jdc53a,.fcd698{width:34px;}
.jdc53a[aria-expanded="true"]{display:none;}
.j127.b859f{z-index:999;}
.j127{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.j127{max-width:100%;}}
.ke72{justify-content:flex-end;}