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

:root {
  --frq-gradient-primary: linear-gradient(135deg, #ffb703 0%, #fb8500 50%, #023047 100%);
  --frq-gradient-secondary: linear-gradient(45deg, #f07167 0%, #fcbf49 50%, #219ebc 100%);
  --frq-gradient-tertiary: linear-gradient(120deg, #8ecae6 0%, #ffafcc 50%, #ffb703 100%);
  --frq-color-accent: #3e2306;
  --frq-color-accent-light: #ffd380;
  --frq-color-dark: #1d3557;
  --frq-color-darker: #0b132b;
  --frq-color-light: #fefae0;
  --frq-color-text: #2a2a2a;
  --frq-color-text-light: #595959;
  --frq-shadow-soft: 0 4px 20px rgba(251, 133, 0, 0.1);
  --frq-shadow-medium: 0 8px 30px rgba(251, 133, 0, 0.15);
  --frq-shadow-strong: 0 15px 40px rgba(251, 133, 0, 0.25);
  --frq-border-radius: 12px;
  --frq-border-radius-lg: 20px;
  --frq-transition: all 0.3s ease;
  --frq-transition-slow: all 0.5s ease;
}


body {
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
  color: var(--frq-color-text);
  background-color: var(--frq-color-light);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Caladea', serif;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1rem;
}

h1 {
  font-size: 3.5rem;
  min-height: 4.2rem;
}

h2 {
  font-size: 2.8rem;
  min-height: 3.4rem;
}

h3 {
  font-size: 2rem;
  min-height: 2.4rem;
}

h4 {
  font-size: 1.5rem;
  min-height: 1.8rem;
}

p {
  margin-bottom: 1rem;
  min-height: 1.5rem;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--frq-transition);
}

button {
  cursor: pointer;
  border: none;
  outline: none;
  font-family: inherit;
  transition: var(--frq-transition);
}

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

.frlTLkaQHeR {
  margin: 0 auto;
  position: relative;
}

.AbPhatjwTqrAHG {
  background: var(--frq-gradient-primary);
  padding: 1rem 2rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: var(--frq-shadow-medium);
}

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

.phKTXeeJporH {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Caladea', serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
}

.phKTXeeJporH img {
  width: 40px;
  height: 40px;
}

.HnhFkGbCSUwN {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}

.jSIsmG {
  color: white;
  font-weight: 500;
  position: relative;
  padding: 0.5rem 0;
}

.jSIsmG::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: white;
  transition: var(--frq-transition);
}

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

.lyxclsuc {
  background: var(--frq-color-light);
  color: var(--frq-color-darker) !important;
  padding: 0.7rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  box-shadow: var(--frq-shadow-soft);
}

.lyxclsuc:hover {
  transform: translateY(-3px);
  box-shadow: var(--frq-shadow-medium);
}

.TBOcQRoPKTMy {
  display: none;
  flex-direction: column;
  width: 30px;
  height: 24px;
  cursor: pointer;
  position: relative;
}

.wpJQPgaTWp {
  height: 3px;
  width: 100%;
  background: white;
  border-radius: 3px;
  transition: var(--frq-transition);
  position: absolute;
}

.HgVXZl {
  top: 0;
}

.soRUftXR {
  top: 50%;
  transform: translateY(-50%);
}

.fZNVSqkfJSbL {
  bottom: 0;
}

.TBOcQRoPKTMy.active .HgVXZl {
  transform: rotate(45deg) translate(8px, 8px);
}

.TBOcQRoPKTMy.active .soRUftXR {
  opacity: 0;
}

.TBOcQRoPKTMy.active .fZNVSqkfJSbL {
  transform: rotate(-45deg) translate(8px, -8px);
}

.xYsZSeGMjadD {
  padding: 0;
}

.nVohYEeGeeF {
  background: var(--frq-gradient-secondary);
  padding: 6rem 2rem;
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden;
}

.nVohYEeGeeF::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/kdk-assets/kdk-media/fons-kdk1.webp') center/cover no-repeat;
  opacity: 0.1;
  z-index: 0;
}

.LBLlenUxjy {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.LBLlenUxjy h1 {
  margin-bottom: 1.5rem;
  font-size: 4rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.LBLlenUxjy p {
  font-size: 1.3rem;
  margin-bottom: 3rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.HLYTyrNNjuuRFN {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.ZyLMdoGz {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: var(--frq-border-radius-lg);
  padding: 2rem 1.5rem;
  width: 220px;
  text-align: center;
  box-shadow: var(--frq-shadow-soft);
  transition: var(--frq-transition);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.ZyLMdoGz:hover {
  transform: translateY(-10px);
  box-shadow: var(--frq-shadow-strong);
}

.ZyLMdoGz i {
  font-size: 3rem;
  display: block;
  color: black;
}

.ZyLMdoGz p {
  font-weight: 600;
  font-size: 1.1rem;
  min-height: 58px;
}

.ZyLMdoGz a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: white;
  color: var(--frq-color-accent);
  padding: 0.7rem 1.2rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.9rem;
}

.ZyLMdoGz a:hover {
  transform: translateX(5px);
}

.zPgqN {
  padding: 6rem 2rem;
  background: var(--frq-color-light);
}

.zPgqN h2 {
  text-align: center;
  margin-bottom: 4rem;
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.jpffCjFDezkKW {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.cSRbtrV {
  background: white;
  border-radius: var(--frq-border-radius-lg);
  padding: 2.5rem 1.5rem;
  text-align: center;
  width: 220px;
  box-shadow: var(--frq-shadow-soft);
  transition: var(--frq-transition);
  position: relative;
  overflow: hidden;
}

.cSRbtrV::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--frq-gradient-primary);
}

.cSRbtrV:hover {
  transform: translateY(-10px);
  box-shadow: var(--frq-shadow-medium);
}

.cSRbtrV i {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cSRbtrV h3 {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

.cSRbtrV p {
  color: var(--frq-color-text-light);
  font-size: 0.95rem;
}

.dGzEWDT {
  padding: 6rem 2rem;
  background: var(--frq-gradient-tertiary);
  color: white;
}

.xVQnhrWFks {
  display: flex;
  align-items: center;
  gap: 4rem;
  max-width: 1200px;
  margin: 0 auto;
}

.xCcmCdKgYdmg {
  flex: 1;
  border-radius: var(--frq-border-radius-lg);
  overflow: hidden;
  box-shadow: var(--frq-shadow-strong);
}

.xCcmCdKgYdmg img {
  width: 100%;
  height: 100%;
  transition: var(--frq-transition-slow);
}

.xCcmCdKgYdmg:hover img {
  transform: scale(1.05);
}

.crohBvQxuvtV {
  flex: 1;
}

.crohBvQxuvtV h2 {
  margin-bottom: 1.5rem;
  font-size: 2.8rem;
}

.crohBvQxuvtV p {
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.7;
}

.jFPzzwNPkZCtj {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.VYPSZpusQfLN {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.VYPSZpusQfLN i {
  font-size: 1.5rem;
  color: white;
}

.VYPSZpusQfLN span {
  font-weight: 500;
}

.cuTgBbqWUWbjG {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  background: white;
  color: var(--frq-color-accent);
  padding: 1rem 2rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1.1rem;
  box-shadow: var(--frq-shadow-medium);
  transition: var(--frq-transition);
}

.cuTgBbqWUWbjG:hover {
  transform: translateY(-5px);
  box-shadow: var(--frq-shadow-strong);
}

.gNuYxNhILdOLQ {
  padding: 6rem 2rem;
  background: url('/kdk-assets/kdk-media/fons-kdk2.webp') center/cover no-repeat;
  position: relative;
  color: white;
  text-align: center;
}

.gNuYxNhILdOLQ::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 46, 0.85);
  z-index: 0;
}

.YhvXxtysML {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.YhvXxtysML h2 {
  margin-bottom: 1.5rem;
  font-size: 3.2rem;
}

.YhvXxtysML p {
  font-size: 1.2rem;
  margin-bottom: 3rem;
  line-height: 1.7;
}

.ijHFvcLyz {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.hiMFNppQjkT {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: var(--frq-border-radius);
  padding: 2rem 1.5rem;
  width: 200px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: var(--frq-transition);
}

.hiMFNppQjkT:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.15);
}

.hiMFNppQjkT i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  display: block;
  color: white;
}

.hiMFNppQjkT h4 {
  margin-bottom: 0.7rem;
  font-size: 1.3rem;
}

.hiMFNppQjkT p {
  font-size: 0.9rem;
  margin-bottom: 0;
  opacity: 0.9;
}

.hznTUqLqc {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  background: var(--frq-gradient-primary);
  color: white;
  padding: 1.2rem 2.5rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1.2rem;
  box-shadow: var(--frq-shadow-medium);
  transition: var(--frq-transition);
}

.hznTUqLqc:hover {
  transform: translateY(-5px);
  box-shadow: var(--frq-shadow-strong);
}

.vvZHPHk {
  padding: 6rem 2rem;
  background: var(--frq-color-light);
}

.vvZHPHk h2 {
  text-align: center;
  margin-bottom: 4rem;
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.VIWVYLVgm {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.aafRfTrqeg {
  background: white;
  border-radius: var(--frq-border-radius-lg);
  overflow: hidden;
  box-shadow: var(--frq-shadow-soft);
  transition: var(--frq-transition);
  width: 400px;
  height: 100%;
  min-height: 330px;
  position: relative;
}

.aafRfTrqeg:hover {
  transform: translateY(-15px);
  box-shadow: var(--frq-shadow-strong);
}

.TjzxvMZOVLoRsO {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: var(--frq-gradient-primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 600;
  z-index: 2;
}

.aafRfTrqeg img {
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 220px;
  transition: var(--frq-transition-slow);
}

.aafRfTrqeg:hover img {
  transform: scale(1.05);
}

.HomDZ {
  padding: 1.5rem;
}

.HomDZ h3 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}

.HomDZ p {
  color: var(--frq-color-text-light);
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
}

.dGSvDdjc {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  background: var(--frq-gradient-primary);
  color: white;
  padding: 0.8rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  transition: var(--frq-transition);
}

.dGSvDdjc:hover {
  transform: translateX(5px);
  box-shadow: var(--frq-shadow-medium);
}

.PbLwncAPGExomLi {
  padding: 6rem 2rem;
  background: var(--frq-gradient-secondary);
  color: white;
}

.uakbaRcj {
  display: flex;
  align-items: center;
  gap: 4rem;
  max-width: 1200px;
  margin: 0 auto;
}

.EpWHaXicrxC {
  flex: 1;
}

.EpWHaXicrxC h2 {
  margin-bottom: 1.5rem;
  font-size: 2.8rem;
}

.EpWHaXicrxC p {
  margin-bottom: 2.5rem;
  font-size: 1.1rem;
  line-height: 1.7;
}

.QjnqwDODetwZ {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.QNODZELrRCGZ {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.QNODZELrRCGZ i {
  font-size: 1.5rem;
}

.QNODZELrRCGZ span {
  font-weight: 500;
  font-size: 1.1rem;
}

.KZKBSrhz {
  flex: 1;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: var(--frq-border-radius-lg);
  padding: 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

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

.DdUDWdInxoKc {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.DdUDWdInxoKc input {
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  transition: var(--frq-transition);
}

.DdUDWdInxoKc input:focus {
  outline: none;
  background: white;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.JEAaqP {
  color: #b888da;
  font-size: 0.85rem;
  min-height: 1.2rem;
  padding-left: 1rem;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.JEAaqP.active {
  opacity: 1;
  overflow: visible;
  height: auto;
  margin-top: 0.5rem;
  transform: translateY(0);
}

.XjqglQVSTV {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  font-size: 0.9rem;
}

.XjqglQVSTV a {
  text-decoration: underline;
}

.XjqglQVSTV a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.kudvgaILHkB {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--frq-transition);
  position: relative;
}

.XjqglQVSTV input {
  display: none;
}

.XjqglQVSTV input:checked + .kudvgaILHkB {
  background: white;
  border-color: white;
}

.XjqglQVSTV input:checked + .kudvgaILHkB::after {
  content: '✓';
  color: var(--frq-color-accent);
  font-size: 0.9rem;
  font-weight: bold;
}

#mcgEbXDB {
  padding: 1.2rem;
  border-radius: 50px;
  background: white;
  color: var(--frq-color-accent);
  font-weight: 600;
  font-size: 1.1rem;
  transition: var(--frq-transition);
}

#mcgEbXDB:enabled {
  cursor: pointer;
}

#mcgEbXDB:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

#mcgEbXDB:enabled:hover {
  transform: translateY(-3px);
  box-shadow: var(--frq-shadow-medium);
}

.ABvOIfCYUQYU, .cWXXdIYZVBqFO {
  display: none;
  text-align: center;
  padding: 2rem 0;
}

.ABvOIfCYUQYU h3, .cWXXdIYZVBqFO h3 {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.ABvOIfCYUQYU p, .cWXXdIYZVBqFO p {
  margin-bottom: 2rem;
}

.EDqWait {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.EDqWait button {
  padding: 0.8rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  transition: var(--frq-transition);
}

#GvxrUHdH, #poxTiZ {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

#NTfryBrgpH, #gsYuvMo {
  background: white;
  color: var(--frq-color-accent);
}

.EDqWait button:hover {
  transform: translateY(-3px);
  box-shadow: var(--frq-shadow-soft);
}

.jmmWLQVlyje {
  padding: 6rem 2rem;
  background: var(--frq-color-light);
}

.jmmWLQVlyje h2 {
  text-align: center;
  margin-bottom: 4rem;
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.CmdsqKBWhbHeb {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.aUyGiZhN {
  background: white;
  border-radius: var(--frq-border-radius-lg);
  padding: 2rem;
  width: 100%;
  max-width: 550px;
  box-shadow: var(--frq-shadow-soft);
  transition: var(--frq-transition);
  position: relative;
}

.aUyGiZhN:hover {
  transform: translateY(-10px);
  box-shadow: var(--frq-shadow-medium);
}

.vBPWhvpaQ {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  position: relative;
}

.vBPWhvpaQ img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.HGEQfBlhjkCsUYv h4 {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

.JyioPysGz {
  display: flex;
  gap: 0.2rem;
}

.JyioPysGz i {
  color: #ffc107;
  font-size: 1.1rem;
}

.frqtestimonialquote {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2.5rem;
  color: rgba(0, 0, 0, 0.1);
}

.OTGaKlx {
  font-style: italic;
  margin-bottom: 1.5rem;
  line-height: 1.7;
  color: var(--frq-color-text);
  min-height: 4.5rem;
}

.yImpG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  color: var(--frq-color-text-light);
}

.cKYImwFunzRM {
  font-weight: 500;
}

.VdtCKrlWkzq {
  padding: 6rem 2rem;
  background: url('/kdk-assets/kdk-media/fons-kdk3.webp') center/cover no-repeat;
  position: relative;
  color: white;
}

.VdtCKrlWkzq::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 46, 0.9);
  z-index: 0;
}

.VdtCKrlWkzq h2 {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
  z-index: 1;
  font-size: 3rem;
}

.JjsmolDI {
  display: flex;
  gap: 3rem;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.fZAxfMJiax {
  flex: 1;
}

.fZAxfMJiax h3 {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.QrwIgERs {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: var(--frq-border-radius);
  margin-bottom: 1rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.LEYO {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  transition: var(--frq-transition);
}

.LEYO:hover {
  background: rgba(255, 255, 255, 0.15);
}

.LEYO i {
  transition: var(--frq-transition);
}

.QrwIgERs.active .LEYO i {
  transform: rotate(180deg);
}

.dVhUWtfO {
  padding: 0 1.5rem;
  max-height: 0;
  overflow: hidden;
  transition: var(--frq-transition-slow);
}

.QrwIgERs.active .dVhUWtfO {
  padding: 0 1.5rem 1.5rem;
  max-height: 300px;
}

.dVhUWtfO p {
  margin-bottom: 0;
  line-height: 1.6;
}

.hFgRbgsWz {
  text-align: center;
  margin-top: 3rem;
  position: relative;
  z-index: 1;
}

.hFgRbgsWz p {
  font-size: 1.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hFgRbgsWz button {
  margin-top: 2.5rem;
  background: var(--frq-color-light);
  color: var(--frq-color-darker);
  text-decoration: underline;
  font-weight: 600;
  font-size: 1.1rem;
}

.hFgRbgsWz button:hover {
  color: rgba(255, 255, 255, 0.8);
}

.uISFkAXUvGUcZ {
  padding: 6rem 2rem;
  background: var(--frq-color-light);
}

.LirGnFbNyEz {
  display: flex;
  align-items: center;
  gap: 4rem;
  max-width: 1200px;
  margin: 0 auto;
}

.leUvVRoQUc {
  flex: 1;
}

.leUvVRoQUc h2 {
  margin-bottom: 1.5rem;
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 2.8rem;
}

.leUvVRoQUc p {
  margin-bottom: 1.5rem;
  line-height: 1.7;
  color: var(--frq-color-text);
}

.zAUIpDCaPh {
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.zAUIpDCaPh li {
  list-style: none;
}

.zAUIpDCaPh a {
  color: var(--frq-color-accent);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.zAUIpDCaPh a:hover {
  color: var(--frq-color-accent-light);
}

.zAUIpDCaPh a::before {
  content: '•';
  color: var(--frq-color-accent);
}

.nhxPmYYj {
  flex: 1;
  border-radius: var(--frq-border-radius-lg);
  overflow: hidden;
  box-shadow: var(--frq-shadow-medium);
}

.nhxPmYYj img {
  width: 100%;
  height: 100%;
  transition: var(--frq-transition-slow);
}

.nhxPmYYj:hover img {
  transform: scale(1.05);
}

.MGXCrbQWGtgWj {
  background: var(--frq-color-darker);
  color: white;
  padding: 3rem 2rem 1rem;
}

.IYDDyUzhOX {
  max-width: 1200px;
  margin: 0 auto;
}

.aKiRVYbVmdInKQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ZWQNCrFJHmUze span {
  font-family: 'Caladea', serif;
  font-size: 1.8rem;
  font-weight: 600;
}

.GhZPtbKuZ {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}

.GhZPtbKuZ a, .GhZPtbKuZ button {
  color: rgba(255, 255, 255, 0.8);
  transition: var(--frq-transition);
}

.GhZPtbKuZ a:hover, .GhZPtbKuZ button:hover {
  color: white;
}

.QhNvjwfycsYVvUJ {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.CzHmsWLwevd {
  background: var(--frq-color-text-light);
  border-radius: var(--frq-border-radius-lg);
  padding: 1rem;
}

.pZjnMAFhF {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.pZjnMAFhF a, .pZjnMAFhF img {
  transition: var(--frq-transition);
}

.pZjnMAFhF a:hover {
  transform: translateY(-5px);
}

.PMwmnv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding: 1rem;
  overflow-y: auto;
}

.PMwmnv.active {
  display: flex;
}

.AzLDvaJUwHid {
  background: var(--frq-gradient-secondary);
  border-radius: var(--frq-border-radius-lg);
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: var(--frq-shadow-strong);
  animation: frqmodalappear 0.4s ease;
}

@keyframes frqmodalappear {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.BNbQCPOeRpk {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--frq-color-text);
  z-index: 10;
  transition: var(--frq-transition);
}

.BNbQCPOeRpk:hover {
  background: rgba(0, 0, 0, 0.2);
  transform: rotate(90deg);
}

.mEFCfvfB {
  padding: 3rem;
  overflow-y: auto;
}

.AzLDvaJUwHid::-webkit-scrollbar,
.mEFCfvfB::-webkit-scrollbar {
  width: 6px;
}

.AzLDvaJUwHid::-webkit-scrollbar-track,
.mEFCfvfB::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.AzLDvaJUwHid::-webkit-scrollbar-thumb,
.mEFCfvfB::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.AzLDvaJUwHid::-webkit-scrollbar-thumb:hover,
.mEFCfvfB::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.SyijrpoH {
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.SyijrpoH h2 {
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.SyijrpoH p {
  color: var(--frq-color-text-light);
  font-size: 1.1rem;
}

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

.joMCkXNbYhiM .DdUDWdInxoKc input, .joMCkXNbYhiM .DdUDWdInxoKc textarea {
  width: 100%;
  padding: 1rem 1.5rem;
  border: 1px solid #e0e0e0;
  border-radius: var(--frq-border-radius);
  font-size: 1rem;
  transition: var(--frq-transition);
  background: #f8f9fa;
}

.joMCkXNbYhiM .DdUDWdInxoKc input:focus, .joMCkXNbYhiM .DdUDWdInxoKc textarea:focus {
  outline: none;
  border-color: var(--frq-color-accent);
  background: white;
  box-shadow: 0 0 0 3px rgba(255, 45, 117, 0.1);
}

.joMCkXNbYhiM .DdUDWdInxoKc textarea {
  min-height: 120px;
  resize: vertical;
}

#AbkLEXyY {
  padding: 1.2rem;
  border-radius: 50px;
  background: var(--frq-gradient-primary);
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
  transition: var(--frq-transition);
  margin-top: 1rem;
}

#AbkLEXyY:enabled {
  cursor: pointer;
}

#AbkLEXyY:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

#AbkLEXyY:enabled:hover {
  transform: translateY(-3px);
  box-shadow: var(--frq-shadow-medium);
}

.iDvsUqB {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #e0e0e0;
}

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

.tysGomsJ {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.tysGomsJ i {
  font-size: 1.8rem;
  color: var(--frq-color-accent);
  margin-top: 0.2rem;
}

.tysGomsJ h4 {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

.tysGomsJ p {
  margin-bottom: 0.5rem;
  color: var(--frq-color-text-light);
  font-size: 0.95rem;
}

.tysGomsJ a {
  color: var(--frq-color-accent);
  font-weight: 500;
}

.tysGomsJ a:hover {
  color: var(--frq-color-accent-light);
}

.zdXv .AzLDvaJUwHid {
  max-width: 500px;
}

.UglgdxzT {
  text-align: center;
  padding: 2rem 0;
}

.UglgdxzT i {
  font-size: 4rem;
  color: #4caf50;
  margin-bottom: 1.5rem;
  display: block;
}

.UglgdxzT h3 {
  margin-bottom: 1rem;
  font-size: 2rem;
  color: var(--frq-color-text);
}

.UglgdxzT p {
  margin-bottom: 2rem;
  color: var(--frq-color-text-light);
  line-height: 1.6;
}

.xEZawZOmnH {
  background: var(--frq-gradient-primary);
  color: white;
  padding: 1rem 2rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: var(--frq-transition);
}

.xEZawZOmnH:hover {
  transform: translateY(-3px);
  box-shadow: var(--frq-shadow-medium);
}

.bIgIrlYNvbvnTn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--frq-color-darker);
  color: white;
  padding: 1.5rem 2rem;
  z-index: 1500;
  display: none;
}

.bIgIrlYNvbvnTn.active {
  display: block;
  animation: frqslide_up 0.5s ease;
}

@keyframes frqslide_up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.BUCGyY {
  max-width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.lGaiiOnyQhv {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-evenly;
  align-items: center;
}

.lGaiiOnyQhv p {
  margin-bottom: 0;
  line-height: 1.6;
}

.lGaiiOnyQhv a {
  color: var(--frq-color-accent-light);
  text-decoration: underline;
}

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

.KJYrCIkDc {
  background: var(--frq-color-accent);
  color: white;
  padding: 0.8rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  transition: var(--frq-transition);
  white-space: nowrap;
}

.KJYrCIkDc:hover {
  background: var(--frq-color-accent-light);
  transform: translateY(-3px);
  box-shadow: var(--frq-shadow-soft);
}

.gQGn {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  padding: 1rem;
  overflow: hidden;
}

.gQGn.active {
  display: flex;
}

.GSpaCNLQY {
  background: white;
  border-radius: var(--frq-border-radius-lg);
  padding: 3rem;
  max-width: 600px;
  width: 100%;
  text-align: center;
  box-shadow: var(--frq-shadow-strong);
  animation: frqmodalappear 0.5s ease;
  max-height: 90vh;
  overflow-y: auto
}

.oQMTMLGbvHL h2 {
  margin-bottom: 1.5rem;
  background: var(--frq-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 2.5rem;
}

.oQMTMLGbvHL p {
  margin-bottom: 2rem;
  line-height: 1.7;
  color: var(--frq-color-text);
  font-size: 1.1rem;
}

.paUkKtE {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin: 2.5rem 0;
  flex-wrap: wrap;
}

.paUkKtE a, .paUkKtE img {
  transition: var(--frq-transition);
}

.paUkKtE a:hover {
  transform: translateY(-5px);
}

.ZCpZqr {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  margin-top: 2rem;
}

.ehXSdmX, .NoECyDp {
  padding: 1rem 2rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: var(--frq-transition);
  min-width: 180px;
}

.ehXSdmX {
  background: var(--frq-gradient-primary);
  color: white;
}

.ehXSdmX:hover {
  transform: translateY(-5px);
  box-shadow: var(--frq-shadow-medium);
}

.NoECyDp {
  background: transparent;
  color: var(--frq-color-text);
  border: 2px solid #e0e0e0;
}

.NoECyDp:hover {
  background: #f8f9fa;
  transform: translateY(-5px);
  box-shadow: var(--frq-shadow-soft);
}

.BiSCNBN {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 50px;
  height: 50px;
  background: var(--frq-gradient-primary);
  color: white;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 100;
  box-shadow: var(--frq-shadow-medium);
  transition: var(--frq-transition);
}

.BiSCNBN.active {
  display: flex;
}

.BiSCNBN:hover {
  transform: translateY(-5px);
  box-shadow: var(--frq-shadow-strong);
}

@media (max-width: 1024px) {
  h1 {
    font-size: 3rem;
  }
  
  h2 {
    font-size: 2.4rem;
  }
  
  .xVQnhrWFks, .uakbaRcj, .LirGnFbNyEz {
    gap: 3rem;
  }
  
  .JjsmolDI {
    gap: 2rem;
  }
  
  .aUyGiZhN {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .HnhFkGbCSUwN {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--frq-gradient-primary);
    flex-direction: column;
    padding: 2rem;
    box-shadow: var(--frq-shadow-medium);
  }
  
  .HnhFkGbCSUwN.active {
    display: flex;
  }
  
  .TBOcQRoPKTMy {
    display: flex;
  }
  
  .AbPhatjwTqrAHG {
    padding: 1rem;
  }
  
  .phKTXeeJporH {
    font-size: 1.5rem;
  }
  
  .phKTXeeJporH img {
    width: 35px;
    height: 35px;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  h2 {
    font-size: 2rem;
  }
  
  .nVohYEeGeeF, .zPgqN, .dGzEWDT, 
  .gNuYxNhILdOLQ, .vvZHPHk, .PbLwncAPGExomLi,
  .jmmWLQVlyje, .VdtCKrlWkzq, .uISFkAXUvGUcZ {
    padding: 4rem 1rem;
  }
  
  .xVQnhrWFks, .uakbaRcj, .LirGnFbNyEz {
    flex-direction: column;
    gap: 2.5rem;
  }
  
  .jpffCjFDezkKW {
    gap: 1.5rem;
  }
  
  .cSRbtrV {
    width: 100%;
    max-width: 300px;
  }
  
  .VIWVYLVgm {
    gap: 2rem;
  }
  
  .aafRfTrqeg {
    width: 100%;
    max-width: 400px;
  }
  
  .JjsmolDI {
    flex-direction: column;
    gap: 2.5rem;
  }
  
  .aKiRVYbVmdInKQ, .QhNvjwfycsYVvUJ {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }
  
  .pZjnMAFhF {
    gap: 1.5rem;
  }
  
  .mEFCfvfB {
    padding: 2rem;
  }
  
  .tysGomsJ {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .ZCpZqr {
    flex-direction: column;
    gap: 1rem;
  }
  
  .ehXSdmX, .NoECyDp {
    min-width: auto;
    width: 100%;
  }
  
  .BUCGyY {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 2rem;
  }
  
  h2 {
    font-size: 1.8rem;
  }
  
  .nVohYEeGeeF, .zPgqN, .dGzEWDT, 
  .gNuYxNhILdOLQ, .vvZHPHk, .PbLwncAPGExomLi,
  .jmmWLQVlyje, .VdtCKrlWkzq, .uISFkAXUvGUcZ {
    padding: 3rem 0.5rem;
  }
  
  .HLYTyrNNjuuRFN, .ijHFvcLyz {
    gap: 1.5rem;
  }
  
  .ZyLMdoGz, .hiMFNppQjkT {
    width: 100%;
    max-width: 280px;
  }

  .KZKBSrhz {
    padding: 2.5rem 0.5rem;
  }  
  
  .CmdsqKBWhbHeb {
    gap: 1.5rem;
  }
  
  .aUyGiZhN {
    padding: 1.5rem;
  }
  
  .GhZPtbKuZ {
    flex-direction: column;
    gap: 1rem;
  }
  
  .pZjnMAFhF {
    flex-direction: column;
    gap: 1rem;
  }
  
  .mEFCfvfB {
    padding: 1.5rem;
  }
  
  .GSpaCNLQY {
    padding: 2rem 1.5rem;
  }
  
  .bIgIrlYNvbvnTn {
    padding: 1rem;
  }
}

@media (max-width: 320px) {
  .AbPhatjwTqrAHG {
    padding: 0.8rem;
  }
  
  .phKTXeeJporH {
    font-size: 1.3rem;
  }
  
  h1 {
    font-size: 1.8rem;
  }
  
  h2 {
    font-size: 1.6rem;
  }
  
  .nVohYEeGeeF, .zPgqN, .dGzEWDT, 
  .gNuYxNhILdOLQ, .vvZHPHk, .PbLwncAPGExomLi,
  .jmmWLQVlyje, .VdtCKrlWkzq, .uISFkAXUvGUcZ {
    padding: 2.5rem 0.3rem;
  }
  
  .LBLlenUxjy h1 {
    font-size: 2.2rem;
  }
  
  .cuTgBbqWUWbjG, .hznTUqLqc, .dGSvDdjc {
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
  }
  
  .KZKBSrhz {
    padding: 1.5rem 0.3rem;
  }
  
  .mEFCfvfB {
    padding: 1rem;
  }
  
  .GSpaCNLQY {
    padding: 1.5rem 1rem;
  }
}

.pXfrkbd {
  background: linear-gradient(135deg, #30816a 0%, #4ba292 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.rWtytWvex {
  position: relative;
  z-index: 2;
  text-align: center;
  color: white;
  padding: 2rem;
  max-width: 600px;
  opacity: 0.6;
}

.ROjPBBKOJL {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 30px;
  padding: 4rem 3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ROjPBBKOJL::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  z-index: -1;
}

.WRVEHBlvRYiYq {
  position: relative;
  margin-bottom: 2rem;
}

.WRVEHBlvRYiYq i {
  font-size: 8rem;
  color: rgba(255, 255, 255, 0.9);
  animation: frqpgs404float 3s ease-in-out infinite;
}

@keyframes frqpgs404float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}

.UxdhMXZJaE {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: UxdhMXZJaE 2s ease-out infinite;
}

@keyframes UxdhMXZJaE {
  0% {
    width: 120px;
    height: 120px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}

.ROjPBBKOJL h1 {
  font-size: 4rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  background: linear-gradient(135deg, #fff, #e0e0e0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
}

.ROjPBBKOJL p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  opacity: 0.9;
  z-index: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.kYIqjJYj {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  padding: 1.2rem 2.5rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  border: 2px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  margin-top: 1rem;
  z-index: 1;
}

.kYIqjJYj:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}

.kYIqjJYj i {
  font-size: 1.3rem;
}

.jArqFdOwFIJOT {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.XEiqqQpNGp {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: frqpgs404orbit 20s linear infinite;
  z-index: -1;
}

.XEhYFMFApIMR {
  width: 100px;
  height: 100px;
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}

.NyfQNDfBrUEKMZ {
  width: 150px;
  height: 150px;
  top: 60%;
  right: 10%;
  animation-delay: -7s;
  animation-duration: 25s;
}

.HPZHl {
  width: 80px;
  height: 80px;
  bottom: 20%;
  left: 20%;
  animation-delay: -14s;
  animation-duration: 18s;
}

@keyframes frqpgs404orbit {
  0% {
    transform: rotate(0deg) translateX(100px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(100px) rotate(-360deg);
  }
}

@media (max-width: 768px) {
  .rWtytWvex {
    padding: 1rem;
  }
  
  .ROjPBBKOJL {
    padding: 3rem 2rem;
    border-radius: 25px;
  }
  
  .WRVEHBlvRYiYq i {
    font-size: 6rem;
  }
  
  .ROjPBBKOJL h1 {
    font-size: 3rem;
  }
  
  .ROjPBBKOJL p {
    font-size: 1.1rem;
  }
  
  .kYIqjJYj {
    padding: 1rem 2rem;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .ROjPBBKOJL {
    padding: 2rem 1.5rem;
    border-radius: 20px;
  }
  
  .WRVEHBlvRYiYq i {
    font-size: 5rem;
  }
  
  .ROjPBBKOJL h1 {
    font-size: 2.5rem;
  }
  
  .ROjPBBKOJL p {
    font-size: 1rem;
  }
  
  .kYIqjJYj {
    padding: 0.8rem 1.5rem;
    font-size: 0.9rem;
  }
  
  .XEiqqQpNGp {
    display: none;
  }
}

.UGHQysmnO {
  background: linear-gradient(135deg, #e3f2fd 0%, #bbfbde 100%);
  min-height: 100vh;
}

.HSwdGvDuaM {
  background: linear-gradient(135deg, #42dda9 0%, #33cb75 100%);
  color: white;
  padding: 5rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.HSwdGvDuaM::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/kdk-assets/kdk-media/fons-kdk1.webp') center/cover no-repeat;
  opacity: 0.1;
}

.EbwWTNt {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.HSwdGvDuaM i {
  font-size: 4rem;
  margin-bottom: 1.5rem;
  display: block;
  color: rgba(255, 255, 255, 0.9);
}

.HSwdGvDuaM h1 {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.HSwdGvDuaM p {
  font-size: 1.3rem;
  line-height: 1.6;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}

.klZADzmzNmgnf {
  padding: 4rem 2rem;
}

.JUrAOPRKeO {
  max-width: 1200px;
  margin: 0 auto;
}

.YbHIABXapek {
  background: white;
  border-radius: 20px;
  padding: 3rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9ecef;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.YbHIABXapek::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(135deg, #42dda9, #33cb75);
  transition: width 0.3s ease;
}

.YbHIABXapek:hover::before {
  width: 8px;
}

.YbHIABXapek:hover {
  transform: translateX(10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.fMCH {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #f8f9fa;
}

.fMCH i {
  font-size: 2.5rem;
  color: #42dda9;
  background: linear-gradient(135deg, #42dda9, #33cb75);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fMCH h2 {
  font-size: 2.2rem;
  color: #2d483d;
  margin: 0;
}

.miCcXqvDtHtA {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.aixTbVucKbonoD {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 15px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.aixTbVucKbonoD:hover {
  background: white;
  border-color: #42dda9;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.aixTbVucKbonoD i {
  font-size: 2.5rem;
  color: #42dda9;
  margin-top: 0.5rem;
  flex-shrink: 0;
  background: linear-gradient(135deg, #42dda9, #33cb75);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.FNMQpMt h3 {
  font-size: 1.4rem;
  color: #2d483d;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.FNMQpMt p {
  color: #685c4a;
  line-height: 1.7;
  margin: 0;
  font-size: 1rem;
}

.FNMQpMt a {
  color: #42dda9;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.FNMQpMt a:hover {
  color: #33cb75;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .HSwdGvDuaM {
    padding: 3rem 1rem;
  }
  
  .HSwdGvDuaM h1 {
    font-size: 2.5rem;
  }
  
  .HSwdGvDuaM p {
    font-size: 1.1rem;
  }
  
  .klZADzmzNmgnf {
    padding: 2rem 1rem;
  }
  
  .YbHIABXapek {
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
  }
  
  .fMCH {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .fMCH h2 {
    font-size: 1.8rem;
  }
  
  .aixTbVucKbonoD {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .YbHIABXapek:hover {
    transform: translateY(-5px);
  }
}

@media (max-width: 480px) {
  .HSwdGvDuaM {
    padding: 2rem 0.5rem;
  }
  
  .HSwdGvDuaM h1 {
    font-size: 2rem;
  }
  
  .HSwdGvDuaM i {
    font-size: 3rem;
  }
  
  .YbHIABXapek {
    padding: 1.5rem 1rem;
    border-radius: 15px;
  }
  
  .fMCH h2 {
    font-size: 1.5rem;
  }
  
  .FNMQpMt h3 {
    font-size: 1.2rem;
  }
}

.gKsKwEeT {
  background: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);
  min-height: 100vh;
}

.SiEkxhZMb {
  background: linear-gradient(135deg, #b888da 0%, #fff826 100%);
  color: white;
  padding: 5rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.SiEkxhZMb::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/kdk-assets/kdk-media/fons-kdk2.webp') center/cover no-repeat;
  opacity: 0.1;
}

.EpcVWAS {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.SiEkxhZMb i {
  font-size: 4rem;
  margin-bottom: 1.5rem;
  display: block;
  color: rgba(255, 255, 255, 0.9);
}

.SiEkxhZMb h1 {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.SiEkxhZMb p {
  font-size: 1.3rem;
  line-height: 1.6;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}

.qEZcHBXiSkw {
  padding: 4rem 2rem;
}

.LKFYr {
  max-width: 1200px;
  margin: 0 auto;
}

.UGZQBpyZVMqrk {
  background: white;
  border-radius: 20px;
  padding: 3rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9ecef;
  transition: transform 0.3s ease;
}

.UGZQBpyZVMqrk:hover {
  transform: translateY(-5px);
}

.ppAmMmjWudeQD {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #f8f9fa;
}

.ppAmMmjWudeQD i {
  font-size: 2.5rem;
  color: #c589d4;
  background: linear-gradient(135deg, #b888da, #fff826);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ppAmMmjWudeQD h2 {
  font-size: 2.2rem;
  color: #2d483d;
  margin: 0;
}

.RdVmHsc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.MkyVQnJC {
  background: #f8f9fa;
  padding: 2rem;
  border-radius: 15px;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}

.MkyVQnJC::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transition: left 0.5s ease;
}

.MkyVQnJC:hover::before {
  left: 100%;
}

.MkyVQnJC:hover {
  background: white;
  border-color: #b888da;
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.MkyVQnJC i {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  display: block;
  color: #b888da;
  background: linear-gradient(135deg, #b888da, #fff826);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.MkyVQnJC h3 {
  font-size: 1.4rem;
  color: #2d483d;
  margin-bottom: 1rem;
  font-weight: 600;
}

.MkyVQnJC p {
  color: #685c4a;
  line-height: 1.6;
  margin: 0;
  font-size: 1rem;
}

.MkyVQnJC a {
  color: #b888da;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.MkyVQnJC a:hover {
  color: #fff826;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .SiEkxhZMb {
    padding: 3rem 1rem;
  }
  
  .SiEkxhZMb h1 {
    font-size: 2.5rem;
  }
  
  .SiEkxhZMb p {
    font-size: 1.1rem;
  }
  
  .qEZcHBXiSkw {
    padding: 2rem 1rem;
  }
  
  .UGZQBpyZVMqrk {
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
  }
  
  .ppAmMmjWudeQD {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .ppAmMmjWudeQD h2 {
    font-size: 1.8rem;
  }
  
  .RdVmHsc {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

@media (max-width: 480px) {
  .SiEkxhZMb {
    padding: 2rem 0.5rem;
  }
  
  .SiEkxhZMb h1 {
    font-size: 2rem;
  }
  
  .SiEkxhZMb i {
    font-size: 3rem;
  }
  
  .UGZQBpyZVMqrk {
    padding: 1.5rem 1rem;
    border-radius: 15px;
  }
  
  .ppAmMmjWudeQD h2 {
    font-size: 1.5rem;
  }
  
  .MkyVQnJC {
    padding: 1.5rem;
  }
  
  .MkyVQnJC h3 {
    font-size: 1.2rem;
  }
}

.xKyIbC {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  min-height: 100vh;
}

.tJIkofteGv {
  background: linear-gradient(135deg, #30816a 0%, #4ba292 100%);
  color: white;
  padding: 5rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.tJIkofteGv::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/kdk-assets/kdk-media/fons-kdk3.webp') center/cover no-repeat;
  opacity: 0.1;
}

.GyHWCqReub {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.tJIkofteGv i {
  font-size: 4rem;
  margin-bottom: 1.5rem;
  display: block;
  color: rgba(255, 255, 255, 0.9);
}

.tJIkofteGv h1 {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.tJIkofteGv p {
  font-size: 1.3rem;
  line-height: 1.6;
  opacity: 0.9;
  max-width: 600px;
  margin: 0 auto;
}

.uxzbMT {
  padding: 4rem 2rem;
}

.rwfkoawStNEBgzQ {
  max-width: 1200px;
  margin: 0 auto;
}

.zZeLjm {
  background: white;
  border-radius: 20px;
  padding: 3rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9ecef;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.zZeLjm:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.jwKgtgaJkh {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #f8f9fa;
}

.jwKgtgaJkh i {
  font-size: 2.5rem;
  color: #30816a;
  background: linear-gradient(135deg, #30816a, #4ba292);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jwKgtgaJkh h2 {
  font-size: 2.2rem;
  color: #2d483d;
  margin: 0;
}

.rBCufBrXg {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.gTPTSxhUj {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 15px;
  transition: all 0.3s ease;
  border-left: 4px solid transparent;
}

.gTPTSxhUj:hover {
  background: white;
  border-left-color: #30816a;
  transform: translateX(10px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.gTPTSxhUj i {
  font-size: 2rem;
  color: #30816a;
  margin-top: 0.5rem;
  flex-shrink: 0;
}

.HZqGlzrsCkKEbF h3 {
  font-size: 1.4rem;
  color: #2d483d;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.HZqGlzrsCkKEbF p {
  color: #685c4a;
  line-height: 1.7;
  margin: 0;
  font-size: 1rem;
}

.HZqGlzrsCkKEbF a {
  color: #30816a;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.HZqGlzrsCkKEbF a:hover {
  color: #4ba292;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .tJIkofteGv {
    padding: 3rem 1rem;
  }
  
  .tJIkofteGv h1 {
    font-size: 2.5rem;
  }
  
  .tJIkofteGv p {
    font-size: 1.1rem;
  }
  
  .uxzbMT {
    padding: 2rem 1rem;
  }
  
  .zZeLjm {
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
  }
  
  .jwKgtgaJkh {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .jwKgtgaJkh h2 {
    font-size: 1.8rem;
  }
  
  .gTPTSxhUj {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .gTPTSxhUj:hover {
    transform: translateY(-5px);
  }
}

@media (max-width: 480px) {
  .tJIkofteGv {
    padding: 2rem 0.5rem;
  }
  
  .tJIkofteGv h1 {
    font-size: 2rem;
  }
  
  .tJIkofteGv i {
    font-size: 3rem;
  }
  
  .zZeLjm {
    padding: 1.5rem 1rem;
    border-radius: 15px;
  }
  
  .jwKgtgaJkh h2 {
    font-size: 1.5rem;
  }
  
  .HZqGlzrsCkKEbF h3 {
    font-size: 1.2rem;
  }
}