@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #021526;
  --color-bg-secondary: #03223e;
  --color-bg-tertiary: #05304f;
  --color-bg-card: #032c45;

  --color-text-primary: #ecfeff;
  --color-text-secondary: #a5f3fc;
  --color-text-muted: #67e8f9;

  --color-primary: #06b6d4;
  --color-primary-hover: #0891b2;
  --color-primary-light: #22e8f9;
  --color-secondary: #22d3ee;
  --color-secondary-light: #4ce5f7;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #0a3d52;
  --color-border-light: #05304f;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.3);

  --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: #111418;
}

* {
  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: 1rem;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: var(--spacing-lg);
}

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

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

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  border-radius: var(--radius-lg);
}

button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

input, textarea, select {
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md);
  transition: all var(--transition-fast);
  font-size: 1rem;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
}

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

textarea {
  resize: vertical;
}

.be46a3f3 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .be46a3f3 {
    padding: 0 var(--spacing-lg);
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

ul, ol {
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-family: 'Courier New', monospace;
}

pre {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
  border: 1px solid var(--color-border);
}

pre code {
  background: none;
  color: inherit;
  padding: 0;
}

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-2xl) 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

th, td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

th {
  background: var(--color-bg-secondary);
  font-weight: 600;
  color: var(--color-text-secondary);
}

tr:hover {
  background: var(--color-bg-tertiary);
}

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  color: var(--color-text-muted);
  font-style: italic;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

small {
  font-size: 0.875rem;
}

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

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

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

.e20958 {
  color: var(--color-success);
}

.fe8674f {
  color: var(--color-warning);
}

.ldf89a7 {
  color: var(--color-danger);
}

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

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

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

.m9c {
  background: var(--color-bg-card);
}

.k349a8 {
  text-align: center;
}

.ad486 {
  text-align: left;
}

.me31b {
  text-align: right;
}

.kc8f617 {
  border-radius: var(--radius-sm);
}

.cff6382 {
  border-radius: var(--radius-md);
}

.bdc81 {
  border-radius: var(--radius-lg);
}

.a3564 {
  border-radius: var(--radius-xl);
}

.aea4 {
  border-radius: var(--radius-2xl);
}

.i178 {
  border-radius: var(--radius-full);
}

.e0104 {
  box-shadow: var(--shadow-sm);
}

.j5698950 {
  box-shadow: var(--shadow-md);
}

.e234fb {
  box-shadow: var(--shadow-lg);
}

.fce {
  box-shadow: var(--shadow-xl);
}

.i2dab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 500;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-decoration: none;
}

.j875d {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-weight: 600;
}

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

.j875d:active {
  transform: translateY(0);
}

.k10885 {
  background: var(--color-secondary);
  color: var(--color-bg-primary);
  font-weight: 600;
}

.k10885:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.k10885:active {
  transform: translateY(0);
}

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

.bbd:hover {
  background: rgba(6, 182, 212, 0.1);
  color: var(--color-primary-light);
}

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

.ab9e747:hover {
  background: rgba(6, 182, 212, 0.1);
  color: var(--color-primary-light);
}

.gc9c {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
}

.i2dcd06 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.i2dab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.b2f {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
}

.b2f:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

@media (max-width: 768px) {
  .e59fd, .ba19dde {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media (max-width: 480px) {
  .ae79, .e59fd, .ba19dde {
    grid-template-columns: 1fr;
  }
}

.je042b3e {
  display: flex;
}

.b61b {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.a74 {
  flex-direction: column;
}

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

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

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

.pb66b {
  gap: var(--spacing-xl);
}

.m94e7 { margin: 0; }
.c0b6ef0 { margin: var(--spacing-xs); }
.ec6 { margin: var(--spacing-sm); }
.nff4baa { margin: var(--spacing-md); }
.b6c { margin: var(--spacing-lg); }
.pa3d { margin: var(--spacing-xl); }

.n117c { margin-top: 0; }
.a101fc { margin-top: var(--spacing-xs); }
.l138 { margin-top: var(--spacing-sm); }
.m214 { margin-top: var(--spacing-md); }
.bec1409 { margin-top: var(--spacing-lg); }
.gdeb58d { margin-top: var(--spacing-xl); }

.nb6 { margin-bottom: 0; }
.od91ee83 { margin-bottom: var(--spacing-xs); }
.c2b { margin-bottom: var(--spacing-sm); }
.bc20 { margin-bottom: var(--spacing-md); }
.h78 { margin-bottom: var(--spacing-lg); }
.p8ee94f1 { margin-bottom: var(--spacing-xl); }

.ac1b18 { padding: 0; }
.m08a2 { padding: var(--spacing-xs); }
.hb2e { padding: var(--spacing-sm); }
.db81418 { padding: var(--spacing-md); }
.m0c9a { padding: var(--spacing-lg); }
.e3a2bd { padding: var(--spacing-xl); }

.h422a89 { padding-top: var(--spacing-xs); }
.df26 { padding-top: var(--spacing-sm); }
.ic7ca465 { padding-top: var(--spacing-md); }
.l0bb { padding-top: var(--spacing-lg); }
.kf7a50b { padding-top: var(--spacing-xl); }

.a6d { padding-bottom: var(--spacing-xs); }
.eb0 { padding-bottom: var(--spacing-sm); }
.f1024f8 { padding-bottom: var(--spacing-md); }
.g6013f9 { padding-bottom: var(--spacing-lg); }
.da5a980 { padding-bottom: var(--spacing-xl); }

.d39e {
  width: 100%;
}

.i510 {
  height: 100%;
}

.ld9658e {
  opacity: 0.5;
}

.id5e8d57 {
  opacity: 0.75;
}

.d9d99e {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (max-width: 768px) {
  h1 {
    margin-bottom: var(--spacing-md);
  }

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

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

.g906 {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  flex-shrink: 0;
}

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

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

.g906:hover .j9218fa {
  color: var(--color-accent);
  transition: color var(--transition-fast);
}

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

.pebad {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  white-space: nowrap;
}

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

.n0df2b {
  display: none;
  padding: 0.625rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ic5a5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

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

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

.aed763dc {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 1000;
  overflow-y: auto;
}

.aed763dc.l142d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.j785 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: clamp(1rem, 2vw, 1.25rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.n874 {
  padding: 1rem clamp(1rem, 3vw, 1.5rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
}

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

.e0a989 {
  padding: 0.75rem clamp(1rem, 3vw, 1.5rem);
  margin: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-fast);
  display: block;
}

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

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

  .n0df2b {
    display: inline-block;
  }

  .ic5a5 {
    display: none;
  }

  .aed763dc {
    display: none;
  }
}

@media (max-width: 767px) {
  .l32f27 {
    padding: clamp(0.75rem, 2vw, 1rem) clamp(0.75rem, 2vw, 1.5rem);
  }
}

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

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

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

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

.efda7c5 {
  text-align: center;
}

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

.led66cb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.i31 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

.o9e9a1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  min-width: 140px;
  transform: rotate(calc((var(--rotation) * 1deg)));
  transition: all 0.3s ease;
}

.m6945a {
  --rotation: -3;
}

.fce4d {
  --rotation: 2;
}

.k89686 {
  --rotation: -1;
}

.ebe {
  --rotation: 3;
}

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

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

.j043 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 500;
}

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

.i2dab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.cb67e0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-on-accent);
  margin: 0;
  font-weight: 700;
}

.j67 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.c8339 {
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  align-self: center;
}

.c8339:hover {
  background: rgba(255, 255, 255, 0.9);
}

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

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

.d1435 {
  text-align: center;
}

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

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

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

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

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

.m8147cde {
  flex: 1 1 40%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

@media (max-width: 768px) {
  .k2474b,
  .k2474b:nth-child(even) {
    flex-direction: column;
  }

  .m8147cde {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

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

.jd7b5 {
  text-align: center;
}

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

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

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

.g0d {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

@media (max-width: 1024px) {
  .g0d {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

@media (max-width: 768px) {
  .g0d {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

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

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

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

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

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

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

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

.l8b {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

  .jd0,
  .c92 {
    flex: 1 1 100%;
  }
}

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

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

.a05b {
  text-align: center;
}

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

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

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

.b801 {
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.h44e {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

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

.add9 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  transition: color 0.3s ease;
}

.fa085574 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

.p322 {
  text-align: center;
}

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

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

.g74154 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  padding: clamp(1rem, 3vw, 2rem) 0;
}

.g74154::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

.c687fa {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.f5daa83 {
  margin-left: 0;
  margin-right: auto;
  padding-right: clamp(2rem, 5vw, 3rem);
  width: clamp(100%, 48%, 48%);
}

.edb {
  margin-left: auto;
  margin-right: 0;
  padding-left: clamp(2rem, 5vw, 3rem);
  width: clamp(100%, 48%, 48%);
}

.kea48b7a {
  position: absolute;
  width: 24px;
  height: 24px;
  background: var(--color-accent);
  border-radius: 50%;
  border: 3px solid var(--color-bg-secondary);
  top: 8px;
}

.f5daa83 .kea48b7a {
  right: clamp(-20px, -3vw, -12px);
  transform: translateX(50%);
}

.edb .kea48b7a {
  left: clamp(-20px, -3vw, -12px);
  transform: translateX(-50%);
}

.nd0c92 {
  display: block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
}

.p352b3 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

@media (max-width: 768px) {
  .g74154::before {
    left: 0;
    transform: translateX(-50%);
  }

  .f5daa83,
  .edb {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: clamp(2rem, 5vw, 3rem);
    padding-right: 0;
  }

  .kea48b7a {
    left: clamp(-20px, -3vw, -12px);
    transform: translateX(-50%);
  }
}

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

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

.h65 {
  text-align: center;
}

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

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

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

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

.f2cc8f,
.db5565 {
  flex-direction: row;
}

.n3e219cf,
.a1987 {
  flex-direction: row-reverse;
}

.eb3 {
  flex-shrink: 0;
  width: clamp(60px, 10vw, 80px);
  height: clamp(60px, 10vw, 80px);
  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.5rem, 3vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  box-shadow: var(--shadow-md);
}

.gf32aed9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
}

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

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

@media (max-width: 768px) {
  .n2a61,
  .f2cc8f,
  .n3e219cf,
  .db5565,
  .a1987 {
    flex-direction: column;
  }
}

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

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

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

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

.le9 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  align-self: center;
}

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

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

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

.n50c8ba8 {
  text-align: center;
}

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

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

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

.dc74cf {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

.k70 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

.k70.d9d99e {
  display: none;
}

.bf5db {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

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

.h2ebe10c {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.o9db33,
.kf8 {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

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

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

.kf8 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
}

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

@media (max-width: 768px) {
  .k70 {
    flex-direction: column;
    align-items: stretch;
  }

  .bf5db {
    width: 100%;
  }

  .h2ebe10c {
    width: 100%;
  }

  .o9db33,
  .kf8 {
    flex: 1;
  }
}

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

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

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

.c1601,
.fa210,
.h41b5303,
.c4edfe0 {
  display: block;
}

.c1601 h3,
.fa210 h3,
.h41b5303 h3,
.c4edfe0 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

.c1601 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  max-width: 35ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.eb140970,
.a3abc9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.875rem);
}

.eb140970 li,
.a3abc9 li {
  display: block;
}

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

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

.h41b5303 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c37 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  line-height: 1.6;
  margin: 0;
  max-width: 60ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .e8f1b2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3.5rem);
    justify-content: flex-start;
  }

  .c1601 {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .fa210,
  .h41b5303 {
    flex: 1 1 200px;
    min-width: 200px;
  }

  .c4edfe0 {
    flex: 1 1 220px;
    min-width: 220px;
  }

  .f6a15 {
    flex: 1 1 100%;
  }

  .eb140970,
  .a3abc9 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .eb140970 li,
  .a3abc9 li {
    margin-right: clamp(0.5rem, 1vw, 1rem);
  }
}

@media (min-width: 1024px) {
  .c1601 {
    flex: 0 1 300px;
  }

  .eb140970,
  .a3abc9 {
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.875rem);
  }

  .eb140970 li,
  .a3abc9 li {
    margin-right: 0;
  }
}
    

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

.l344b2 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Source Sans 3', sans-serif;
}

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

.m42167ac {
  position: relative;
  padding: clamp(4rem, 12vw, 8rem) 0;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  overflow: hidden;
  min-height: 450px;
  display: flex;
  align-items: center;
}

.mb834c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at top right, rgba(6, 182, 212, 0.15) 0%, transparent 60%);
  pointer-events: none;
}

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

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

.k22 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.n302 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  letter-spacing: -0.3px;
}

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

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

.m44bc {
  flex: 1 1 clamp(280px, 100%, 380px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid rgba(6, 182, 212, 0.1);
  height: 100%;
}

.hacb41 {
  flex: 1 1 clamp(280px, 100%, 420px);
}

@media (min-width: 768px) {
  .m44bc:first-child {
    flex: 1 1 clamp(300px, 100%, 420px);
    min-height: 520px;
  }

  .hacb41 {
    flex: 1 1 clamp(300px, 100%, 420px);
    min-height: 520px;
  }

  .m44bc:nth-child(3),
  .m44bc:nth-child(4) {
    flex: 1 1 clamp(280px, 100%, 360px);
  }
}

.m44bc:hover {
  transform: translateY(-6px);
  border-color: rgba(6, 182, 212, 0.3);
  box-shadow: 0 12px 32px rgba(6, 182, 212, 0.15);
}

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

.p4baa {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.m44bc:hover .p4baa {
  transform: scale(1.05);
}

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

.l70 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.2px;
}

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

.d4c467 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid rgba(6, 182, 212, 0.1);
  border-bottom: 1px solid rgba(6, 182, 212, 0.1);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.lb298a,
.lf543a,
.k8b7 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}

.lb298a i,
.lf543a i,
.k8b7 i {
  color: var(--color-accent);
  width: 16px;
}

.oe2 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  align-self: flex-start;
}

.oe2:hover {
  color: var(--color-secondary);
  border-bottom-color: var(--color-secondary);
}

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

  .m44bc:first-child {
    flex: 1 1 100%;
    min-height: auto;
  }

  .hacb41 {
    flex: 1 1 100%;
    min-height: auto;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .m44bc {
    flex: 1 1 calc(50% - 0.75rem);
  }

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

@media (min-width: 1024px) {
  .m44bc:first-child {
    flex: 1 1 calc(45% - 0.75rem);
  }

  .hacb41 {
    flex: 1 1 calc(45% - 0.75rem);
  }

  .m44bc:nth-child(3),
  .m44bc:nth-child(4) {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

.a571a74 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

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

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

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

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

.f3b726 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

.d8d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  max-width: 600px;
  margin: 0 auto;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

.ffc1 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
}

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

.i7631 {
  flex: 1;
  min-width: 0;
}

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

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

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

.k57 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

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

@media (max-width: 640px) {
  .d8d {
    flex-direction: column;
    text-align: center;
  }
  
  .i7631 {
    text-align: center;
  }
}

.o5fbc08a,
.edd9,
.k34728ff {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .eb40 {
    flex-direction: column;
  }
  
  .gef57,
  .od29b {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .od29b img {
    max-height: 300px;
  }
}

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

.p2156b8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  max-width: 700px;
  margin: 0 auto;
}

.o5db3c6 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw, 2rem);
  margin-top: 0.25rem;
}

.ha67c9a {
  flex: 1;
}

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

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

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

.fdc1670d {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.bf83 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: #021526;
  font-weight: 700;
  font-size: 1.5rem;
  border-radius: 50%;
}

.b2b7c287 {
  flex: 1;
}

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

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

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

.ob0243 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  border-radius: 4px;
  max-width: 800px;
  margin: 0 auto;
}

.j54c86 {
  flex-shrink: 0;
  color: var(--color-secondary);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  margin-top: 0.25rem;
}

.pae38d {
  flex: 1;
}

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

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

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

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

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

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

.j3b5:last-of-type {
  margin-bottom: clamp(1.5rem, 2vw, 2.5rem);
}

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

.oab736 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 2rem);
  background: var(--color-accent);
  color: #021526;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base, 0.3s ease);
}

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

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

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

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

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

.fdfc005 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  transition: all var(--transition-base, 0.3s ease);
}

.fdfc005:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.1);
}

.e29cfaf4 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.e1e9 {
  padding: clamp(1rem, 1.5vw, 1.5rem);
}

.h84 {
  margin-bottom: 0.75rem;
}

.h84 a {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  line-height: 1.4;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

@media (max-width: 768px) {
  .n06 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  
  .j3e {
    gap: clamp(1rem, 1.5vw, 1.5rem);
  }
  
  .nee36 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .le3fc {
    flex-direction: column;
    gap: 0.75rem;
  }
  
  .f3b726 {
    justify-content: center;
  }
  
  .j3e {
    flex-direction: column;
    text-align: center;
  }
  
  .bf83 {
    margin: 0 auto;
  }
  
  .ob0243,
  .p2156b8 {
    flex-direction: column;
    text-align: center;
  }
  
  .j54c86,
  .o5db3c6 {
    margin: 0 auto;
  }
}

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

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

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

.aa0993 {
  display: block;
  width: 100%;
}

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

.i9d {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.i9d a {
  color: var(--color-text-secondary);
  transition: color var(--transition-base);
}

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

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

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

.i8dd3 {
  max-width: 800px;
}

.a1d96 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

.ccce5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.ccce5 i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

.l50a225 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

.k25 {
  max-width: 800px;
}

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

.n041 {
  flex-shrink: 0;
}

.n041 img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  border: 2px solid var(--color-border-light);
}

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

.bb5d {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

.l58 a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

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

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

  .n041 {
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

.k960 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.mfa6d {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(34, 211, 238, 0.05) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

.b4de5,
.ea0e0,
.lb7a,
.eb3946e,
.k75a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}

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

.a1f,
.if20c,
.a58395e {
  flex: 1 1 50%;
  max-width: 50%;
}

.j93b0 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.o963d0a {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.l57 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 1.5rem;
}

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

.l57 li::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.1rem;
}

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

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

.m35 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 700;
}

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

.m46ffe {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.1) 0%, rgba(6, 182, 212, 0.05) 100%);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-secondary);
  margin-top: 1rem;
}

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

@media (max-width: 768px) {
  .b4de5,
  .ea0e0,
  .lb7a,
  .eb3946e,
  .k75a {
    flex-direction: column;
  }

  .b69b65b9,
  .a3c2fb16,
  .mca0833,
  .j89a,
  .a1f,
  .if20c,
  .a58395e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.be652d42 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(239, 68, 68, 0.03) 100%);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(239, 68, 68, 0.2);
}

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

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

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

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

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

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

.of6a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.m6ede7e {
  display: flex;
  margin-top: 1rem;
}

.j88e6f {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
  text-decoration: none;
}

.j88e6f:hover {
  background: var(--color-accent-hover);
  transform: translateX(4px);
  color: var(--color-text-on-accent);
}

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

.j88e6f:hover i {
  transform: translateX(4px);
}

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

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

.j003ad {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-align: center;
}

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

.pd59 {
  flex: 1 1 clamp(250px, 30%, 350px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
  cursor: pointer;
}

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

.l3da52c1 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.bf16bc58 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.pd59:hover .bf16bc58 {
  transform: scale(1.05);
}

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

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

.d5f8bd a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

.e1a6b3 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  background: var(--color-bg-tertiary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-sm);
  width: fit-content;
  text-transform: capitalize;
}

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

  .ia85bd0 {
    flex-direction: column;
  }
}

@media (max-width: 1024px) {
  .pd59 {
    flex: 1 1 clamp(250px, 45%, 400px);
  }
}

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

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

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

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

.oc3 {
  width: 100%;
}

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

.nc6 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

.g872 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

.i78b {
  color: var(--color-border);
}

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

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

.kb9cd0 {
  flex-shrink: 0;
}

.kb9cd0 img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

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

.je66 {
  font-size: clamp(0.75rem, 0.8vw, 0.8125rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.mbb a:hover {
  color: var(--color-secondary);
}

.p30dab4 {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.c474db {
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: 0.25rem;
}

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

  .kb9cd0 {
    margin: 0;
  }
}

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

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

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

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

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

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

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

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

  .n875,
  .pc02 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.ie97 {
  background: rgba(6, 182, 212, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  margin: clamp(0.5rem, 1vw, 1rem) 0;
}

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

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

  .fa58455,
  .paa01b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ldc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: clamp(0.5rem, 1vw, 1rem) 0;
  list-style: none;
}

.e6d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

  .ge87149,
  .g1fd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.ebc5e44a {
  background: rgba(34, 211, 238, 0.1);
  border: 1px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  margin: clamp(0.5rem, 1vw, 1rem) 0;
}

.o247bde0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-secondary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

  .of386,
  .j39a9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.l7cb2 {
  background: rgba(6, 182, 212, 0.05);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
}

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

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

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

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

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

.h825 {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(34, 211, 238, 0.1));
  border: 1px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.h66 {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.iae {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: background var(--transition-base), transform var(--transition-base);
}

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

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

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

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

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

.h41d04e7 {
  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: 8px;
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), transform var(--transition-base);
}

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

.fbaeee1 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
}

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

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

.o2d {
  font-size: clamp(0.9375rem, 1.1vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

.o2d a:hover {
  color: var(--color-secondary);
}

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

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

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

@media (max-width: 640px) {
  .da7a0 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .h91,
  .k55,
  .ff2a,
  .j83eb2,
  .kbd,
  .b6783,
  .pe0d69,
  .oe5b20ce {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

* {
  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: 'Source Sans 3', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

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-secondary);
  text-decoration: underline;
}

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

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

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

.laee a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

.laee span:last-child {
  color: var(--color-text-secondary);
}

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

.md22ef {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.p30587c1,
.h3c2743,
.dbcb5e {
  color: var(--color-text-secondary);
  padding: 0.4rem 0.8rem;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background: rgba(6, 182, 212, 0.08);
}

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

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

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

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

.n444c6 {
  flex-shrink: 0;
}

.n444c6 img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

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

.de6 a:hover {
  color: var(--color-secondary);
}

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

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

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

  .ga2 {
    align-items: center;
  }
}

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

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

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

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

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

.a6c9a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

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

  .ndfd42,
  .fc0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.p26 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

.p26:last-of-type {
  margin-bottom: 1.5rem;
}

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

.pd56 {
  background: rgba(6, 182, 212, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 4px;
  margin-top: 1.5rem;
}

.mcdd {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

  .na1,
  .o20e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.m5e9a {
  list-style: none;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .l2c2b,
  .fd2a3e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.kac {
  background: rgba(34, 211, 238, 0.08);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 4px;
  margin-top: 1.5rem;
}

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

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

  .df5d4,
  .b7420 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.k448 {
  background: rgba(5, 48, 79, 0.8);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
}

.gdd {
  color: var(--color-secondary);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

.i5f {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: clamp(2rem, 4vw, 4rem);
}

.b9d51baf {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.n2b103 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.h0f6adc7 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}

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

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

.f294d2fb {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  padding: 0 clamp(0.75rem, 2vw, 1rem);
  padding-top: 0.75rem;
  line-height: 1.4;
  margin: 0;
}

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

.f294d2fb a:hover {
  color: var(--color-secondary);
}

.hd67a {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  padding: 0 clamp(0.75rem, 2vw, 1rem) clamp(0.75rem, 2vw, 1rem);
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 1024px) {
  .i5f {
    grid-template-columns: 1fr;
  }

  .b9d51baf {
    grid-column: 1 / -1;
  }

  .n2b103 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .h0f6adc7 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
  }
}

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

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

@media (max-width: 640px) {
  .laee {
    gap: 0.25rem;
  }

  .md22ef {
    gap: 0.75rem;
  }

  .p30587c1,
  .h3c2743,
  .dbcb5e {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
  }
}

* {
  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);
  line-height: 1.6;
}

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

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

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

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

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

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

.fcb6699 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  line-height: 1.2;
  max-width: 900px;
  margin: 0 auto;
}

.d95e8 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  max-width: 700px;
  margin: 0 auto;
  font-weight: 400;
}

.ff77f {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 1.5rem auto 0;
  border-radius: 12px;
  display: block;
  border: 1px solid var(--color-border-light);
}

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

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

.h3c22 {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.pab8bd {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  margin-bottom: 1rem;
}

.o36b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  max-width: 750px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.fca3 {
  flex: 1 1 45%;
  min-width: 280px;
}

.fca3 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1.05rem);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

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

.ad36 {
  flex: 1 1 45%;
  min-width: 250px;
  max-height: 400px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  object-fit: cover;
}

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

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

.f04155 {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.k1cd {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  margin-bottom: 1rem;
}

.n88cf19 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  max-width: 750px;
  margin: 0 auto;
}

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

.l2f49e {
  flex: 1 1 clamp(250px, 30vw, 320px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.l2f49e:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(6, 182, 212, 0.1);
}

.ec34c964 {
  width: 48px;
  height: 48px;
  background: rgba(6, 182, 212, 0.15);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

.ne8a54a9 {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.i141108 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  margin-bottom: 1rem;
}

.i9e5ce {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  max-width: 750px;
  margin: 0 auto;
}

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

.o7ec {
  flex: 1 1 45%;
  min-width: 250px;
  max-height: 400px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  object-fit: cover;
}

.f220e7 {
  flex: 1 1 45%;
  min-width: 280px;
}

.f220e7 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1.05rem);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

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

.dbbf {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

.j7e {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.gc4e50 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  margin-bottom: 1rem;
}

.c2f12a {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  max-width: 800px;
  line-height: 1.8;
}

.e6ca4 {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

.k9f {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.p9c55 {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.df3d {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 600;
  margin: 0;
}

.jdfba {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.7;
  margin: 0;
  max-width: 900px;
}

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

  .fca3,
  .ad36,
  .o7ec,
  .f220e7 {
    flex: 1 1 100%;
    min-width: unset;
  }

  .l2f49e {
    flex: 1 1 100%;
  }

  .fcb6699 {
    line-height: 1.1;
  }
}

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

  .l2f49e {
    flex: 1 1 100%;
  }

  .a1371e2f {
    gap: 1.5rem;
  }
}

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

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

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

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

.mc7 {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.ec3b5 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jaa3f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.4;
}

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

@media (max-width: 767px) {
  .j8e7 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .n4a558b {
    flex: 1 1 100%;
  }

  .mc7 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }
}

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

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

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

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

.e5cd {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ef9cb9 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
}

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

.d0ab {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.cf6ad823:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
  box-shadow: var(--shadow-md);
}

.h654fb9 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.d3d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 1023px) {
  .cf6ad823 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 220px;
  }
}

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

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

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

.jd7601 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
}

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

.o21c5f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p6a39 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-sm);
}

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

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

@media (max-width: 767px) {
  .p1c2 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

.e781663 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
}

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

.lcd430a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c5cc44 {
  flex: 1 1 calc(25% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
}

.c5cc44:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-tertiary);
}

.d82b259 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

.mf9b6e3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 1023px) {
  .c5cc44 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 180px;
  }
}

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

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

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

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

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

.cc73 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.hcd27 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

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

@media (max-width: 767px) {
  .ha81b {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.25rem);
  }

  .m632,
  .hcd27 {
    width: 100%;
  }
}

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

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

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

.p3b {
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.p7295a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.g72d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .p3b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.de59e {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.edb0af7a {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.o28 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.e20 {
  width: 100%;
  height: 200px;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.naf3 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.l696ed {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: var(--spacing-sm) 0;
  line-height: 1.4;
}

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

@media (min-width: 768px) {
  .de59e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .edb0af7a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .e20 {
    height: 250px;
  }
}

@media (min-width: 1024px) {
  .de59e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .o28 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .o28:nth-child(odd) {
    grid-template-columns: 1fr 1fr;
  }

  .o28:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .o28:nth-child(even) .e20 {
    order: 2;
  }

  .o28:nth-child(even) .k282 {
    order: 1;
  }

  .e20 {
    height: 100%;
    min-height: 300px;
  }

  .k282 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--spacing-xl);
  }
}

.j28 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  text-align: center;
  overflow: hidden;
}

.hc7 {
  max-width: 700px;
  margin: 0 auto;
}

.ifd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.cc11ebc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.lc3e85 {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  letter-spacing: 0.3px;
}

.lc3e85:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.lc3e85:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .j28 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

.fb294 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.ib6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.aa8923 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  max-width: 700px;
}

@media (min-width: 768px) {
  .fb294 {
    padding: 4rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .fb294 {
    padding: 5rem var(--spacing-2xl);
  }
}

.d5a {
  padding: 3rem var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.c26f {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.f9b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.f9b:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.k500 {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.k500 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.l7d12cb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.i5b9f2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.m567100 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m567100 li {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
}

.m567100 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: bold;
}

@media (min-width: 768px) {
  .d5a {
    padding: 4rem var(--spacing-lg);
  }

  .c26f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .d5a {
    padding: 5rem var(--spacing-2xl);
  }

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

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

.gce {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.oa3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ab81 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.bee14457 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.bee14457:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.bee14457:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .gce {
    padding: 4rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .gce {
    padding: 5rem var(--spacing-2xl);
  }
}

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

.k8b .be46a3f3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k8b .me9 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.k8b .jb81f9 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.k8b 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.3;
}

.k8b p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.k8b ul,
.k8b ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.k8b li {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.k8b .bf6fd6 {
  margin-bottom: var(--spacing-2xl);
}

.k8b .lce {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}

.k8b .lce h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.k8b .lce p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.k8b .m9b1592e strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 100px;
}

@media (min-width: 768px) {
  .k8b .be46a3f3 {
    padding: 0 var(--spacing-lg);
  }

  .k8b .me9 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .k8b .be46a3f3 {
    padding: 0 var(--spacing-xl);
  }

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

.n0db {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.ma7 {
  width: 100%;
  overflow: hidden;
}

.ma7 .be46a3f3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

.a088757 {
  max-width: 600px;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.f6bfc {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.f6bfc svg {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.n0db h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.jaeac52 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.5;
}

.lae1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.id2b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.7;
}

.i2dab {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  letter-spacing: 0.5px;
}

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

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

.j875d:active {
  transform: translateY(0);
}

.i65 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .n0db {
    padding: var(--spacing-lg);
  }

  .a088757 {
    animation: fadeInUp 1s ease-out;
  }

  .f6bfc svg {
    width: clamp(80px, 20vw, 120px);
    height: clamp(80px, 20vw, 120px);
  }
}

@media (min-width: 1024px) {
  .n0db {
    padding: var(--spacing-2xl);
  }

  .ma7 .be46a3f3 {
    padding: 0 var(--spacing-lg);
  }

  .j875d:hover {
    box-shadow: var(--shadow-xl);
  }
}

@media (min-width: 1440px) {
  .ma7 .be46a3f3 {
    padding: 0;
  }
}

.obd114 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
}

.b9b8343 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.be46a3f3 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.me9 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

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

.e55 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.ld6d {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 7rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  text-transform: bold;
  animation: float-up 3s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.ld913 {
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-accent));
  border-radius: var(--radius-full);
  margin-top: var(--spacing-md);
  animation: slide-in 2s ease-in-out infinite;
}

@keyframes slide-in {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

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

.ob86c8a0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

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

.na3441 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  padding: var(--spacing-md) 0;
}

.gb8 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-align: left;
  margin: var(--spacing-md) 0;
}

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

.kb28428 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.kb28428 li {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.h2773 {
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--spacing-lg) 0;
}

.i2dab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  white-space: nowrap;
}

.j875d {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 480px) {
  .b9b8343 {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  
  .gb8 {
    text-align: center;
  }
  
  .kb28428 {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }
  
  .kb28428 li {
    padding-left: 0;
  }
  
  .kb28428 li::before {
    content: '';
  }
}

@media (min-width: 768px) {
  .b9b8343 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
  
  .be46a3f3 {
    padding: 0 var(--spacing-lg);
  }
  
  .me9 {
    gap: var(--spacing-3xl);
  }
  
  .ld6d {
    animation: float-up 4s ease-in-out infinite;
  }
  
  .gb8 {
    border-left: 4px solid var(--color-primary);
  }
  
  .i2dab {
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .b9b8343 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
  
  .me9 {
    gap: var(--spacing-3xl);
  }
}

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

.b2ee5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.fca9f7 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.o77b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

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

.l66 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.m14af553 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.o81 {
  flex: 1 1 100%;
  min-width: 280px;
}

.nae {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 1024px) {
  .o81 {
    flex: 1 1 45%;
    max-width: 550px;
  }

  .nae {
    flex: 1 1 45%;
    max-width: 550px;
  }
}

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

.g9f92d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.he9d31 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.b7fd0b {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.c87224,
.g1168aff {
  width: 100%;
  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);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.c87224::placeholder,
.g1168aff::placeholder {
  color: var(--color-text-muted);
}

.c87224:focus,
.g1168aff: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);
}

.g1168aff {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.p67fcd25 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  margin-top: var(--spacing-md);
}

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

.p67fcd25:active {
  transform: translateY(0);
}

.bb3 {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: var(--spacing-sm) 0 0 0;
}

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

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

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

.kd76426 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.c1d1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.mf41 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.ga4f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.oecc7 {
  flex: 1;
}

.ka67b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

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

.bb7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.g24c57 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.f9f288 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.m08 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

.cf043 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.dba2 {
  padding: 0 var(--spacing-md);
  max-width: 900px;
  margin: 0 auto;
}

.b6174e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-md);
}

.ha816ad {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
  margin-bottom: var(--spacing-2xl);
}

.m6b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .m6b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .m6b {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }
}

.k08 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.k08:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

.a3f70 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.g407 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.ne3b3e {
  padding: 0 var(--spacing-md);
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.n79cd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.a818a6 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}

.k2c2 {
  display: inline-block;
  padding: 1rem 2.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

@media (min-width: 768px) {
  .b2ee5 {
    padding: var(--spacing-3xl) 0;
  }

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

  .o81,
  .nae {
    flex: 1 1 auto;
  }
}

@media (min-width: 1024px) {
  .b2ee5 {
    padding: 5rem 0;
  }

  .l66 {
    padding: 5rem 0;
  }

  .cf043 {
    padding: 5rem 0;
  }

  .g407 {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .m14af553 {
    gap: var(--spacing-2xl);
  }

  .o81,
  .nae {
    flex: 1 1 100%;
  }

  .p67fcd25 {
    width: 100%;
  }
}
.ic5a5,.n1fe42{
  width: 34px;
}

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

.aed763dc{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .aed763dc{
    max-width: 100%;
  }
}

.aed763dc.l142d{
  z-index: 999;
}

.i8d90{
  padding-top: 50px;
}

.ic5a5[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .de29d {
    aspect-ratio: 6 / 9;
  }
}