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

:root {
  --color-bg-primary: #faf5ff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #ede9fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7c55a3;

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

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(46, 16, 101, 0.05);
  --shadow-sm: 0 2px 4px rgba(46, 16, 101, 0.08);
  --shadow-md: 0 4px 8px rgba(46, 16, 101, 0.12);
  --shadow-lg: 0 8px 16px rgba(46, 16, 101, 0.15);
  --shadow-xl: 0 12px 24px rgba(46, 16, 101, 0.18);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  
  --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;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.o7d51649 {
  max-width: 1240px;
  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(32px, 5vw, 56px);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.5px;
}

h2 {
  font-size: clamp(28px, 4vw, 42px);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.3px;
}

h3 {
  font-size: clamp(24px, 3.5vw, 32px);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: clamp(20px, 3vw, 24px);
  margin-bottom: var(--spacing-sm);
}

h5 {
  font-size: 18px;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 16px;
  margin-bottom: var(--spacing-sm);
  font-weight: 500;
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 16px;
}

.ga5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 16px;
  transition: all var(--transition-base);
  text-decoration: none;
  border: none;
  cursor: pointer;
  gap: var(--spacing-sm);
}

.i60 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.i60:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.d42c {
  background: var(--color-secondary-light);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

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

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

.ieee3780 {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 14px;
}

.c5368 {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 18px;
}

input, textarea, select {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-size: 16px;
  transition: all var(--transition-fast);
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

input::placeholder {
  color: var(--color-text-muted);
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 500;
  color: var(--color-text-primary);
}

.i63a0 {
  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);
}

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

.j68a8c8d {
  display: grid;
  gap: var(--spacing-lg);
}

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

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

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

.c67e {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.n378 {
  flex-direction: column;
}

.b28a4 {
  justify-content: space-between;
}

.kf4615 {
  justify-content: center;
}

.h6e {
  text-align: center;
}

.g1c2a65 {
  text-align: right;
}

.g736f2f {
  text-align: left;
}

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

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

.a843 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.e5d884a {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
}

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

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

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

.acc2304d {
  padding: var(--spacing-3xl) 0;
}

.md83627e {
  padding: var(--spacing-2xl) 0;
}

.e8eeb {
  padding: var(--spacing-3xl) 0;
}

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

.o88d {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

@media (max-width: 768px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

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

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

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

  .acc2304d {
    padding: var(--spacing-2xl) 0;
  }

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

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

  h1 {
    font-size: 28px;
    margin-bottom: var(--spacing-md);
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  .ga5 {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 14px;
  }

  input, textarea, select {
    padding: var(--spacing-sm);
    font-size: 16px;
  }

  .g2333f57, .a22f6d13, .c6f {
    grid-template-columns: 1fr;
  }

  .acc2304d {
    padding: var(--spacing-xl) 0;
  }
}
.icff {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
  top: 0;
  overflow: hidden;
}

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

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

.i615e5a0:hover {
  opacity: 0.8;
}

.h17cc {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  object-fit: cover;
  flex-shrink: 0;
}

.md33 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

.j71a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

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

.j71a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}

.j71a:hover::after {
  width: 100%;
}

.m3fef959 {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 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: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

.m3fef959:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.c5674 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 0.375rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.c5674 span {
  width: 1.5rem;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: all var(--transition-base);
}

.c5674[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.c5674[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.c5674[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.n72 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.n72.d6053dc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.a59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  min-height: 4.5rem;
}

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

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

.f32a45 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: 1rem 0;
}

.obc591 {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.obc591:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.j466c2c {
  padding: 1rem 1.5rem;
  margin: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

.j466c2c:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .c5674 {
    display: none;
  }

  .n72 {
    display: none;
  }

  .h53f9cd7 {
    display: flex;
  }

  .m3fef959 {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .jffc5 {
    height: 5rem;
  }

  .j71a {
    font-size: 1rem;
  }
}

    .m81 {
  width: 100%;
}

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

section {
  overflow: hidden;
}

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

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

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

.be3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
  position: relative;
  min-height: 400px;
}

.jed4f5a {
  flex: 1 1 55%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

.nd0848 {
  flex: 1 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  z-index: 10;
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

.bbe {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.ga5 {
  display: inline-block;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 2.5vw, 1.75rem);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
}

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

.pb071:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ea97e6 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.ea97e6:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.jd3ecd {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);
}

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

@media (max-width: 767px) {
  .be3 {
    flex-direction: column;
    min-height: auto;
  }

  .jed4f5a {
    flex: 1 1 100%;
    min-height: 280px;
  }

  .nd0848 {
    flex: 1 1 100%;
    margin-top: 0;
    margin-top: -clamp(1rem, 2vw, 1.5rem);
  }

  .bbe {
    flex-direction: column;
  }

  .ga5 {
    width: 100%;
  }
}

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

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

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

.a619b6 {
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.a619b6 img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  display: block;
}

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

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

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

.fc979200 {
  flex-direction: row-reverse;
}

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

  .a619b6 {
    flex: 1 1 100%;
  }

  .o811 {
    flex: 1 1 100%;
  }

  .fc979200 {
    flex-direction: column;
  }
}

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

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

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

.a2d3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.f4d28d {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.f4d28d img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

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

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

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

.d121 {
  flex: 1 1 350px;
  max-width: 450px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  background: var(--color-bg-card);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.jcc3 {
  border-left: 4px solid var(--color-danger);
}

.dd016fd2 {
  border-left: 4px solid var(--color-success);
}

.gbcd09ad {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.kf6 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.p3f {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: clamp(1.5rem, 2vw, 2rem);
  position: relative;
}

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

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

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

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

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

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

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

.dbb44cb {
  flex: 1 1 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.h3a765 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.ffe52 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 700;
  padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
  border-bottom: 2px solid var(--color-border-light);
}

.dc16d1 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-bg-card);
}

.e7609c34 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: left;
}

.e7609c34:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

.e7609c34 i {
  font-size: 1rem;
  transition: transform var(--transition-base);
}

.e7609c34[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.ba4 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  line-height: 1.7;
}

.ba4 p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

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

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

.bfc45 {
  flex: 1 1 120px;
  min-width: 120px;
  max-width: 180px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.h1ac041d {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.j005 {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

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

.dc1dd6f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

  .kee4 .ga5 {
    width: 100%;
  }
}

.ed042c02 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.ed042c02.he6464a3 {
  display: none;
}

.d4c5 {
  color: var(--color-bg-card);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 250px;
  line-height: 1.5;
}

.n26a6855 {
  display: flex;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
  justify-content: center;
}

.f2b121e8,
.ic704864 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.ic704864 {
  background: transparent;
  color: var(--color-bg-card);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.ic704864:hover {
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .ed042c02 {
    flex-direction: column;
    bottom: auto;
    top: auto;
  }

  .d4c5 {
    min-width: 100%;
  }

  .n26a6855 {
    width: 100%;
  }

  .f2b121e8,
  .ic704864 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (min-width: 768px) {
  .o47 {
    min-height: 300px;
  }

  .d121 {
    min-height: 280px;
  }
}

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

  .gd9e0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .mf3798a {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .mf8f578 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .e52 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .l5a404dc {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .be7 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .ff43 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

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

.m074 {
  max-width: 520px;
}

.m074 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw, 1.875rem);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: -0.015em;
}

.m074 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e04 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.nd4c811a {
  flex: 1 1 200px;
  min-width: 180px;
}

.nd4c811a h4 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.kd85 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

.hef602 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.aa6a7 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

.p57499 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

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

.k3ff43 {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}

.j709e {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k8c4 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0;
  line-height: 1.6;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .e04 {
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .nd4c811a {
    flex: 1 1 100%;
  }

  .kd85,
  .aa6a7 {
    flex-wrap: wrap;
    flex-direction: row;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .hef602 {
    flex: 0 1 auto;
  }

  .p57499 {
    gap: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .p57499 p {
    font-size: clamp(0.75rem, 0.95vw, 0.875rem);
  }
}

@media (max-width: 480px) {
  .i65 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .m074 {
    max-width: 100%;
  }

  .e04 {
    gap: clamp(1.25rem, 3vw, 1.75rem);
  }

  .nd4c811a h4 {
    font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
  }

  .kd85,
  .aa6a7 {
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }

  .hef602 {
    display: block;
  }
}
    

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

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

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

.p418 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.jc2 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
}

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

.i90dca44 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

.af6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 700px;
}

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

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

.hf7 {
  text-align: center;
}

.o76b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jbcc {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d047 {
  flex: 1 1 clamp(300px, 100%, 380px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

.gb015942 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  order: 3;
}

.ga4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding: 1rem 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
  order: 4;
}

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

.a9c6389 i,
.d2e9 i,
.b991d i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.ka15260 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  display: inline-block;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  order: 5;
  align-self: flex-start;
}

.ka15260:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
}

.d047 img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: none;
  order: 1;
}

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

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

.g9984023 {
  text-align: center;
}

.ka521e5 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e6a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jeb0 {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.aa0d {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
}

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

.mb3 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 700;
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: left;
  border-bottom: 2px solid var(--color-border);
}

.jf64aa0 {
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base);
}

.jf64aa0:hover {
  background: var(--color-bg-secondary);
}

.b44 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k8831f7 {
  color: var(--color-text-primary);
  font-weight: 600;
}

.f9fb8 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
}

.j3dd19a {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .k4693c {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

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

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

  .d047 {
    flex: 1 1 clamp(300px, calc(50% - 1rem), 420px);
  }
}

@media (min-width: 1024px) {
  .k4693c {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .i356a633 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .d5f85 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .i8afb7 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .d047 {
    flex: 1 1 clamp(320px, calc(50% - 1.25rem), 420px);
  }

  .jeb0 {
    margin-top: 1rem;
  }
}

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

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

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

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

.g959 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.g959 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

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

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

.pab872d {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.a2a5bb {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
}

.k75d9 {
  display: flex;
  align-items: center;
}

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

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

.ne55fd img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

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

  .od0571,
  .ne55fd {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g959 {
    flex-wrap: wrap;
  }
}

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

.mb52 {
  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, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.mc62 {
  flex-shrink: 0;
}

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

.c992bac3 {
  flex: 1;
}

.e1db2 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

  .mc62 {
    flex-shrink: 0;
  }
}

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

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

.o9635a {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 900px;
}

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

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

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

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

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

.mc8389 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

.h295 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

.f50 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.d2430a {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  font-weight: 700;
  font-family: var(--font-heading);
}

.e744e {
  flex: 1;
}

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

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

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

.hd13c {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.c1c889 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

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

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

.p0bc65c {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: 1.5rem;
  margin-top: 0.25rem;
}

.md0e2 {
  flex: 1;
}

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

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

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

.n5ac {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.ke55 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.m8755 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

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

.d31 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

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

.k7e {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 2rem;
  position: relative;
}

.k7e::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.25rem;
}

.g6e {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.df28 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  text-align: center;
}

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

  .i012,
  .mc8389 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n5ac {
    flex: 1 1 100%;
  }

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

  .p0bc65c {
    margin-top: 0;
  }
}

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

.cc1 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

.jc9:hover {
  transform: translateX(8px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}

.ie62095 {
  flex-shrink: 0;
  width: 160px;
  height: 120px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.lbfe98af {
  flex: 1;
}

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

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

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

  .ie62095 {
    width: 100%;
    height: 200px;
  }

  .jc9:hover {
    transform: translateY(-4px);
  }
}

@media (min-width: 1024px) {
  .n5ac {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b0b57 {
  width: 100%;
}

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

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

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

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

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

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

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

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

.m0cc img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

.h0cce8a0 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

.d02675 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.dd06e83 i {
  color: var(--color-accent);
}

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

  .nbf55,
  .m0cc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.nb1fc5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.fa4 {
  flex-shrink: 0;
}

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

.e922 {
  flex: 1;
}

.l389 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

.pac2 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.i985 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

  .fa4 {
    width: 100%;
  }
}

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

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

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

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

.p72 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

.da6d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .a721,
  .p72 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.nde49 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

.gb82d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.b5d {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.m57 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

  .nde49,
  .j9f5d22c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.lc75577 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
}

.dcf338 {
  flex: 1;
}

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

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

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

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

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

.hade img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

.db61 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.f170 {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.f2a9 {
  flex: 1;
}

.dac {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

  .ccd77,
  .hade {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.b45fb5 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

.f8675 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.g27886a {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

.g27886a:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.db038 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.db038 i {
  color: var(--color-accent);
}

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

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

  .b45fb5,
  .faf4ec9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.a5a {
  display: flex;
  flex-direction: column;
}

.bee2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

.e822e6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.bc2267 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

.kac {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

.jee7e1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

  .dc42b43 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

.je3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.nbf {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.c201 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

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

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

.nee5dcc7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

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

.if888eca {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

.if888eca:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.md086 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}

.md086 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.fde25dd9 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

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

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

  .md086 {
    width: 100%;
    height: 200px;
  }
}

@media (max-width: 480px) {
  .b37a4 {
    gap: 1rem;
  }

  .jd9967 {
    gap: 0.75rem;
  }

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

  .nb1fc5 {
    gap: 1rem;
    padding: 1rem;
  }

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

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

html, body {
  font-family: var(--font-primary);
  line-height: 1.6;
}

.b2be {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow: hidden;
}

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

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

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

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

.dc4535ee {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

.nbb6eb00 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
  font-weight: 700;
}

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

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

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

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

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

.pd3c2d9 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

.fdcb7c {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

.fdcb7c img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

.b36 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

.bf8e8859 a {
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.daf973ee:nth-child(even) {
  flex-direction: row-reverse;
}

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

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

.b8aa {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.f2b388 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw + 0.5rem, 2.2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

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

.n46::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.2em;
}

.jd18 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.pc18a7e {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

.of4ef {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: 12px;
  margin: clamp(2rem, 4vw, 3rem) 0;
  border-left: 5px solid var(--color-accent);
  overflow: hidden;
}

.m88 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  border: none;
}

.k1720e3 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.5;
  font-style: italic;
  margin: 0;
}

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

.a05fd8 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.gee2ba {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw + 0.5rem, 2.2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

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

.ldc23 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  margin: 0;
}

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

.n57c6d0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 100%;
}

.a122dcc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  text-decoration: none;
  height: 100%;
}

.a122dcc:hover {
  box-shadow: 0 12px 30px rgba(147, 51, 234, 0.15);
  transform: translateY(-4px);
}

.bd8 {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

.n893f9b9 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

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

  .a64aeae,
  .e6c22 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .daf973ee,
  .daf973ee:nth-child(even) {
    flex-direction: column;
  }

  .b1fbe,
  .a4b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

@media (max-width: 768px) {
  .e81afa {
    font-size: 0.8125rem;
  }

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

  .n57c6d0 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .k076 {
    gap: 1.5rem;
  }
}

@media (max-width: 480px) {
  .a6b {
    gap: 0.5rem;
  }

  .p8923 {
    gap: 0.5rem;
  }
}

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

html, body {
  width: 100%;
}

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

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

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

.n43863 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex-wrap: wrap;
}

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

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

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

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

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

.n9f1 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
  font-family: var(--font-heading);
  font-weight: 700;
}

.ma880 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.6;
}

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

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

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

.f7ef4f {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

  .b9b2c,
  .f7ef4f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f7ef4f {
    min-height: 250px;
  }
}

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

.f434b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.f71495 {
  flex-shrink: 0;
}

.f71495 img {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

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

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

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

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

.h05b05 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 600;
}

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

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

  .f71495 {
    flex-shrink: 0;
  }
}

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

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

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

.ce0 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

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

  .bc607,
  .jad65 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.a88e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

.o6f {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.o5aa {
  flex: 1;
}

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

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

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

  .nf994 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

.c37c4c3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

.l999 {
  flex-shrink: 0;
  color: var(--color-warning);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  display: flex;
  align-items: flex-start;
  padding-top: 0.25rem;
}

.bd99 {
  flex: 1;
}

.md3cd4 {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

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

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

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

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

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

.fe38 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-family: var(--font-heading);
  font-weight: 700;
}

.o81b8 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 2vw, 2rem);
  box-shadow: var(--shadow-sm);
}

.l8e0b64 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.l8e0b64 i {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.b20d {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

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

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

  .o38b,
  .m0c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.g9099 {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.a6a2d4b {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

.ae43a {
  font-size: clamp(0.875rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.nda3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  flex: 0 1 calc(50% - 1rem);
  max-width: 100%;
  transition: all 0.3s ease;
}

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

.b4528c {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

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

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

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

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

.f6d {
  max-width: 900px;
  margin: 0 auto;
}

.mc992 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  font-family: var(--font-heading);
  font-weight: 700;
}

.a3edf920 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  text-align: center;
}

.he2a2 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 3vw, 2.5rem) 0;
  text-align: center;
  border-left: 4px solid var(--color-accent);
}

.pdc889 {
  margin: 0;
}

.l00dc {
  font-size: clamp(1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin: 0;
  line-height: 1.6;
  font-family: var(--font-heading);
}

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

.j462 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.h3a55 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

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

.o91a {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  flex: 0 1 calc(33.333% - 1.5rem);
  max-width: 100%;
  transition: all 0.3s ease;
  align-items: flex-start;
}

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

.hfaa {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.bd8fb6c {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.hebef1 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0;
  font-weight: 600;
}

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

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

.l05 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

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

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

html, body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ndc2e4 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.i1adfef {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.j1e6c8 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 800px;
}

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

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

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

.i6bfa135 {
  text-align: center;
}

.he5 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.dca3b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

.dc893a0e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

@media (min-width: 768px) {
  .nbe01dd {
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: center;
  }
}

.d6d {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.ide {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

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

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

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

.oc5b {
  text-align: center;
}

.oc5b .dca3b {
  color: var(--color-text-primary);
}

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

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

.nbef0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}

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

.c978e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  font-weight: bold;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
}

.g66d52 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.4;
  font-weight: 600;
}

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

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

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

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

.o8f1c6 {
  text-align: center;
}

.o8f1c6 .dca3b {
  color: var(--color-text-primary);
}

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

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

.hd59 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

.kd7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.kd7 h4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.4;
}

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

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

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

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

@media (min-width: 768px) {
  .j4fe895 {
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3.5rem);
  }
}

.ja90355 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.a64608 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

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

.j483335 {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
}

.h765638 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-light) 100%);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.ob3 {
  text-align: center;
}

.ob3 h2 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

.ob3 p {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  opacity: 0.95;
}

.a9c20064 {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: var(--transition-base);
}

.a9c20064:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

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

.fefd49 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.ad1b12 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.c7605 {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.n238e69 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .ndc2e4 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

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

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

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

  .h765638 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .i4d {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

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

.p866 {
  display: block;
}

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

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

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

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

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

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

.fe0 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ace85e9 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

  .e781c0 {
    flex: 1 1 100%;
  }

  .fe0 {
    flex: 1 1 100%;
    max-height: 350px;
  }
}

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

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

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

.n121109 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

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

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

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

.o2e9f {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.dfcec0 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

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

.dcd {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

.hcc {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  font-family: 'Fraunces', serif;
  line-height: 1;
}

.d1c7cf4 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.3;
}

.e7f4927 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  line-height: 1.6;
}

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

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

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

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

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

.b557693e {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

.h5f8 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base) ease;
}

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

.l1c {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.8rem);
  display: flex;
  align-items: center;
  height: auto;
}

.l6cfabc {
  color: var(--color-text-primary);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.3;
}

.cf1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  line-height: 1.6;
}

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

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

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

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

.o3a2f {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

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

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

.i78 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base) ease;
}

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

.oc1937a0 {
  color: var(--color-accent);
  font-size: clamp(2.2rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  height: auto;
}

.d247598 {
  color: var(--color-text-primary);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.3;
}

.kfa62 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  line-height: 1.6;
}

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

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

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

.b5537e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.c3eb19 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 2px solid var(--color-accent);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.h553f,
.p204cea1 {
  padding: clamp(0.8rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base) ease;
  display: inline-block;
  cursor: pointer;
  border: none;
  text-align: center;
}

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

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

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

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

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

  .h553f,
  .p204cea1 {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .lb6 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

.b82 {
  padding: var(--spacing-lg) var(--spacing-md);
  display: grid;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

.f7a9 {
  max-width: 600px;
}

.b6507f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.lf6 {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .b82 {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-3xl) var(--spacing-xl);
    gap: var(--spacing-2xl);
  }

  .lf6 {
    height: 400px;
    grid-column: 2;
    grid-row: 1;
  }
}

@media (min-width: 1024px) {
  .b82 {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }

  .lf6 {
    height: 450px;
  }
}

.i87d {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.e9f0d4 {
  max-width: 800px;
  margin: 0 auto;
}

.p4c47 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.dc16d1 {
  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);
}

.dc16d1:hover {
  box-shadow: var(--shadow-sm);
}

.b7c1387 {
  width: 100%;
  padding: var(--spacing-md);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-fast);
}

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

.b7c1387:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.ef8 {
  flex: 1;
  line-height: 1.4;
}

.lbc6f9f {
  width: 20px;
  height: 20px;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.dc16d1[open] .lbc6f9f {
  transform: rotate(180deg);
}

.m5b4ecdc {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height var(--transition-base), opacity var(--transition-base), padding var(--transition-base);
}

.dc16d1[open] .m5b4ecdc {
  max-height: 500px;
  opacity: 1;
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
}

.m5b4ecdc p {
  margin: 0;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .i87d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .dc16d1 {
    border-radius: var(--radius-lg);
  }

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

  .dc16d1[open] .m5b4ecdc {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i87d {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }
}

.i4ba2 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  text-align: center;
  overflow: hidden;
}

.f16 {
  max-width: 600px;
  margin: 0 auto;
}

.oa7617 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g83a {
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.5;
}

.fcc19ecb {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
}

.fcc19ecb:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.fcc19ecb:focus {
  outline: 2px solid var(--color-primary-dark);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .i4ba2 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .i4ba2 {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }
}

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

.d5ff43 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.he4ca58 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.he4ca58 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .d5ff43 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .d5ff43 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.h0a4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.a77 {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

.nb6a {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .nb6a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .h0a4 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .nb6a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .h0a4 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.odd233f9 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.odd233f9:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.pdb {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.k4046 {
  color: var(--color-primary);
  font-size: 2rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.pdb h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.bdf2 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  line-height: 1.65;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.j24 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

.ceeda {
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.9rem;
  border-radius: var(--radius-full);
  font-family: var(--font-primary);
  font-size: 0.8rem;
  font-weight: 600;
}

.pee791 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-fast);
  border: 2px solid var(--color-primary);
  text-align: center;
  width: fit-content;
}

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

.g472e5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.ma6cb1 {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

.g472e5 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  font-weight: 700;
}

.ab96c95 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ab96c95 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .g472e5 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .g472e5 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.id48 {
  text-align: left;
}

.id48 h3 {
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.4rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.id48 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  margin: 0;
  line-height: 1.65;
}

.k9f3 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.k9f3 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.k9f3 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.65;
}

.pa9cfe3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .k9f3 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .k9f3 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.nbd33 main {
  width: 100%;
}

.nbd33 .o7d51649 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.nbd33 .ib8ec3 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.nbd33 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.nbd33 .p66bf {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.nbd33 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.nbd33 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);
}

.nbd33 ul,
.nbd33 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

.nbd33 strong {
  font-weight: 600;
  color: var(--color-text-primary);
}

.nbd33 .acc2304d {
  margin-bottom: var(--spacing-2xl);
}

.nbd33 .b40b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.nbd33 .b40b h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.nbd33 .b40b p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .nbd33 .o7d51649 {
    padding: 0 var(--spacing-lg);
  }

  .nbd33 .ib8ec3 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .nbd33 .o7d51649 {
    padding: 0 var(--spacing-xl);
  }

  .nbd33 .ib8ec3 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.j21a943 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.l10d83 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.o7d51649 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ib8ec3 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.b35d {
  text-align: center;
  animation: fadeInScale 0.6s ease-out;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.f10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-bottom: var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.f10 svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

.eb3746 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  letter-spacing: -0.5px;
}

.f29df8 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
}

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

.n179e p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

.n4cb {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-2xl);
}

.ga5 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  min-width: 200px;
  letter-spacing: 0.3px;
}

.i60 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.i60:active {
  transform: translateY(0);
}

.i60:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (max-width: 480px) {
  .l10d83 {
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .f10 {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-md);
  }

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

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

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

  .ga5 {
    min-width: 160px;
    padding: var(--spacing-sm) var(--spacing-lg);
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .l10d83 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .f10 {
    width: 90px;
    height: 90px;
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 769px) {
  .l10d83 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .b35d {
    padding: var(--spacing-2xl) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .b35d,
  .f10 {
    animation: none;
  }

  .ga5 {
    transition: none;
  }

  .i60:hover {
    transform: none;
  }
}

@media (prefers-color-scheme: dark) {
  .f10 {
    filter: drop-shadow(0 2px 12px rgba(255, 255, 255, 0.1));
  }
}

.da9d07a {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.p01 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
}

.o7d51649 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ib8ec3 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.aaf9c06 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2xl);
  text-align: center;
}

.b4f {
  width: 100%;
  position: relative;
  margin-bottom: var(--spacing-xl);
}

.af8d8e1 {
  position: relative;
  display: inline-block;
  width: 100%;
}

.n8f {
  display: block;
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float 6s ease-in-out infinite;
  position: relative;
  z-index: 2;
}

.j250ada2 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.15;
  animation: pulse 4s ease-in-out infinite;
}

.ce72b6 {
  width: clamp(80px, 20vw, 200px);
  height: clamp(80px, 20vw, 200px);
  background-color: var(--color-primary);
  top: 50%;
  left: 10%;
  transform: translate(-50%, -50%);
  animation-delay: 0s;
}

.o0267b {
  width: clamp(60px, 15vw, 150px);
  height: clamp(60px, 15vw, 150px);
  background-color: var(--color-accent);
  bottom: 15%;
  right: 10%;
  transform: translate(50%, 50%);
  animation-delay: 1s;
}

.a292aa6 {
  width: clamp(40px, 10vw, 100px);
  height: clamp(40px, 10vw, 100px);
  background-color: var(--color-secondary);
  top: 10%;
  right: 15%;
  transform: translate(50%, -50%);
  animation-delay: 2s;
}

.ke2d58 {
  width: 100%;
}

.e6e {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.cb792 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.h647c9 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  animation: slideUp 0.6s ease-out 0.3s both;
}

.k36957 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  margin-top: 0;
}

.abe {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
}

.abe li {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  transition: all var(--transition-fast);
}

.abe li:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateX(4px);
}

@media (min-width: 640px) {
  .abe {
    grid-template-columns: repeat(2, 1fr);
  }

  .abe li {
    border-left: 3px solid var(--color-accent);
  }
}

.gb94531 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  animation: slideUp 0.6s ease-out 0.5s both;
}

.ga5 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
}

.i60 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.i60:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.15;
  }
  50% {
    opacity: 0.25;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .p01 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

  .aaf9c06 {
    gap: var(--spacing-3xl);
  }

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

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

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

  .h647c9 {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .p01 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
  }

  .aaf9c06 {
    gap: var(--spacing-3xl);
  }

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

  .abe {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }

  .abe li {
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .n8f {
    animation: none;
  }

  .j250ada2 {
    animation: none;
  }

  .h647c9,
  .gb94531 {
    animation: none;
  }

  .abe li:hover {
    transform: none;
  }

  .i60:hover {
    transform: none;
  }
}

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

.m3ea {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.ndb415 {
  text-align: center;
}

.a96 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
}

.kfc9 {
  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;
  margin-left: auto;
  margin-right: auto;
}

.l18c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.p3528 {
  width: 100%;
}

.bc1a9 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.jc677e {
  flex: 1 1 100%;
  min-width: 0;
}

.pb40a {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .jc677e {
    flex: 1 1 400px;
  }

  .pb40a {
    flex: 1 1 400px;
  }
}

.lc2a6b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
}

.lb85 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ld83 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o4e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.a635,
.ne4b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.a635::placeholder,
.ne4b::placeholder {
  color: var(--color-text-muted);
}

.a635:focus,
.ne4b:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ne4b {
  min-height: 140px;
  resize: vertical;
}

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

.dd988 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.n476c1 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  font-weight: 500;
}

.n476c1:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.k503 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
}

.k503:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.k503:active {
  transform: translateY(0);
}

.kcd8317 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
}

.a3deb61 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.a3deb61:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.k4e0665 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  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;
}

.l5d {
  flex: 1;
}

.k44dd12a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-xs) 0;
}

.ne3c078 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.i253c9:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

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

.k14cb {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
}

.l34a1788 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.l5f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-fast);
  display: inline-block;
}

.l5f:hover {
  color: var(--color-primary);
  transform: translateX(4px);
}

.p77e7c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.if4bde {
  text-align: center;
}

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

.e9bc {
  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 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.p268 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  padding: 1rem 2.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: var(--transition-base);
}

.p268:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .m3ea {
    padding: var(--spacing-2xl) 0;
  }

  .l18c {
    padding: var(--spacing-3xl) 0;
  }

  .p77e7c {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .m3ea {
    padding: var(--spacing-3xl) 0;
  }

  .l18c {
    padding: 4rem 0;
  }

  .p77e7c {
    padding: 4rem 0;
  }
}
.c5674,.e1ecb6{
  width: 34px;
}

.h53f9cd7{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

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));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.n72{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .n72{
    max-width: 100%;
  }
}

.n72.d6053dc{
  z-index: 999;
}

.f32a45{
  padding-top: 50px;
}

.c5674[aria-expanded="true"]{
  display: none;
}