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

:root {
  --lqcolor-accent1: #ffa033;
  --lqcolor-accent2: #1cff20;
  --lqcolor-accent3: #ff81cf;
  --lqcolor-background: #0f272a;
  --lqcolor-surface: #1e393b;
  --lqcolor-text: #f1f5f9;
  --lqcolor-text-secondary: #94a3b8;
  --lqborder-radius-custom: 12px;
  --lqborder-radius-round: 50px;
  --lqshadow-soft: 0 4px 20px rgba(0, 0, 0, 0.15);
  --lqshadow-medium: 0 10px 30px rgba(0, 0, 0, 0.2);
  --lqtransition-normal: all 0.3s ease;
  --lqtransition-slow: all 0.5s ease;
}

body {
  font-family: 'Varela Round', sans-serif;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #1a303a 100%);
  color: var(--lqcolor-text);
  line-height: 1.6;
  overflow-x: hidden;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rokkitt', serif;
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

h2 {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  color: var(--lqcolor-text);
}

h3 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
  color: var(--lqcolor-text);
}

p {
  margin-bottom: 1.5rem;
  color: var(--lqcolor-text-secondary);
}

a {
  color: var(--lqcolor-accent2);
  text-decoration: none;
  transition: var(--lqtransition-normal);
}

a:hover {
  color: var(--lqcolor-accent1);
}

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

.nLczLIern {
  background: rgba(30, 58, 59, 0.8);
  backdrop-filter: blur(10px);
  padding: 1rem 2rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: var(--lqshadow-soft);
}

.OTegq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1530px;
  margin: 0 auto;
}

.kbgqAjEo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--lqcolor-text);
}

.MnBNrPrPOEapdFn {
  color: var(--lqcolor-accent1);
  font-size: 2rem;
}

.xIpunP {
  display: flex;
  list-style: none;
  gap: 2rem;
}

.xnQxU {
  color: var(--lqcolor-text);
  font-weight: 500;
  position: relative;
  padding: 0.5rem 0;
}

.xnQxU::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  transition: var(--lqtransition-normal);
}

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

.UGdTyn {
  padding: 5rem 2rem;
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.DLEPbhzfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/gr-core/gr-art/gr-beg1.webp') center/cover no-repeat;
  opacity: 0.2;
  z-index: -1;
}

.GhyAtRWQRDGw {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  animation: lqfade-in 1s ease-out;
}

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

.BpRvVXDVyQla {
  background: rgba(30, 58, 59, 0.7);
  backdrop-filter: blur(10px);
  border-radius: var(--lqborder-radius-custom);
  padding: 2rem;
  text-align: center;
  width: 200px;
  transition: var(--lqtransition-normal);
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: lqscale-in 0.5s ease-out;
  animation-fill-mode: both;
}

.BpRvVXDVyQla:nth-child(1) { animation-delay: 0.2s; }
.BpRvVXDVyQla:nth-child(2) { animation-delay: 0.4s; }
.BpRvVXDVyQla:nth-child(3) { animation-delay: 0.6s; }
.BpRvVXDVyQla:nth-child(4) { animation-delay: 0.8s; }
.BpRvVXDVyQla:nth-child(5) { animation-delay: 1s; }

.BpRvVXDVyQla:hover {
  transform: translateY(-10px);
  box-shadow: var(--lqshadow-medium);
  border-color: var(--lqcolor-accent1);
}

.BpRvVXDVyQla h3 {
  margin-bottom: 1rem;
  color: var(--lqcolor-text);
}

.BpRvVXDVyQla i {
  font-size: 2.5rem;
  color: var(--lqcolor-accent2);
  margin-bottom: 1rem;
  display: block;
}

.BzQLXBbDnvEP {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border-radius: var(--lqborder-radius-round);
  font-weight: 500;
  transition: var(--lqtransition-normal);
}

.BzQLXBbDnvEP:hover {
  transform: scale(1.05);
  color: white;
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
}

.PwinXVLCWAw {
  padding: 5rem 2rem;
  background: var(--lqcolor-surface);
}

.DsDUPPxMsICP {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.YKnPIiEQ {
  flex: 1;
  min-width: 300px;
  border-radius: var(--lqborder-radius-custom);
  overflow: hidden;
  box-shadow: var(--lqshadow-medium);
}

.MMiWqoAxhCPc {
  flex: 1;
  min-width: 300px;
}

.aWIwYOUe {
  flex: 100%;
  margin-top: 2rem;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--lqborder-radius-custom);
  border-left: 4px solid var(--lqcolor-accent3);
}

.uKSURUfodo {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.GbZxpZJU {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-radius: var(--lqborder-radius-custom);
  min-width: 120px;
  transition: var(--lqtransition-normal);
}

.GbZxpZJU:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.1);
}

.GbZxpZJU i {
  font-size: 2rem;
  color: var(--lqcolor-accent3);
  margin-bottom: 0.5rem;
}

.GbZxpZJU span {
  font-size: 0.9rem;
  text-align: center;
  color: var(--lqcolor-text-secondary);
}

.ReooItwdmkoGP {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(to right, var(--lqcolor-accent3), #ff9900);
  color: var(--lqcolor-background);
  border-radius: var(--lqborder-radius-round);
  font-weight: bold;
  margin-top: 2rem;
  transition: var(--lqtransition-normal);
  align-self: center;
}

.ReooItwdmkoGP:hover {
  transform: scale(1.05);
  color: var(--lqcolor-background);
  box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
}

.KLMnHxI {
  padding: 5rem 2rem;
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.TLlcaH {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/gr-core/gr-art/gr-beg2.webp') center/cover no-repeat;
  opacity: 0.15;
  z-index: -1;
}

.exjB {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

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

.CpzZeXC {
  background: rgba(30, 58, 59, 0.8);
  backdrop-filter: blur(10px);
  border-radius: var(--lqborder-radius-custom);
  padding: 2rem;
  text-align: center;
  width: 300px;
  transition: var(--lqtransition-normal);
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: lqslide-up 0.5s ease-out;
  animation-fill-mode: both;
}

.CpzZeXC:nth-child(1) { animation-delay: 0.1s; }
.CpzZeXC:nth-child(2) { animation-delay: 0.2s; }
.CpzZeXC:nth-child(3) { animation-delay: 0.3s; }
.CpzZeXC:nth-child(4) { animation-delay: 0.4s; }
.CpzZeXC:nth-child(5) { animation-delay: 0.5s; }

.CpzZeXC:hover {
  transform: translateY(-10px);
  box-shadow: var(--lqshadow-medium);
  border-color: var(--lqcolor-accent2);
}

.CpzZeXC i {
  font-size: 3rem;
  color: var(--lqcolor-accent1);
  margin-bottom: 1rem;
  display: block;
}

.CpzZeXC h3 {
  margin-bottom: 1rem;
  color: var(--lqcolor-text);
}

.CpzZeXC p {
  color: var(--lqcolor-text-secondary);
}

.kbAGMMxH {
  padding: 5rem 2rem;
  background: var(--lqcolor-surface);
}

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

.RkCdizTwRAvj {
  background: rgba(30, 58, 59, 0.8);
  border-radius: var(--lqborder-radius-custom);
  overflow: hidden;
  width: 385px;
  transition: var(--lqtransition-normal);
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.RkCdizTwRAvj:hover {
  transform: translateY(-10px);
  box-shadow: var(--lqshadow-medium);
  border-color: var(--lqcolor-accent1);
}

.hqMAEOpJ {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: var(--lqcolor-accent1);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: var(--lqborder-radius-round);
  font-size: 0.8rem;
  font-weight: bold;
  z-index: 2;
}

.RkCdizTwRAvj img {
  width: 100%;
  height: 275px;
  object-fit: cover;
}

.RkCdizTwRAvj h3 {
  padding: 1.5rem 1.5rem 0.5rem;
  color: var(--lqcolor-text);
}

.FbjAaa {
  padding: 0 1.5rem;
  list-style: none;
  margin-bottom: 1.5rem;
}

.FbjAaa li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--lqcolor-text-secondary);
}

.FbjAaa i {
  color: var(--lqcolor-accent3);
}

.sWBACT {
  display: block;
  text-align: center;
  padding: 1rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  font-weight: bold;
  transition: var(--lqtransition-normal);
}

.sWBACT:hover {
  background: linear-gradient(to right, var(--lqcolor-accent2), var(--lqcolor-accent1));
  color: white;
}

.dQaCjoyPe {
  padding: 5rem 2rem;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #2a5a59 100%);
  text-align: center;
}

.nAVzEvcEgS {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.nAVzEvcEgS i {
  font-size: 4rem;
  color: var(--lqcolor-accent3);
  margin-top: 2rem;
  display: block;
  animation: lqspin 3s linear infinite;
}

.gaMuhxh {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border-radius: var(--lqborder-radius-round);
  font-weight: bold;
  margin-top: 2rem;
  transition: var(--lqtransition-normal);
}

.gaMuhxh:hover {
  transform: scale(1.05);
  color: white;
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
}

.PzSwwXne {
  padding: 5rem 2rem;
  background: var(--lqcolor-surface);
}

.zKdHOqRw {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: center;
}

.JBbhYxqdx {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

.JBbhYxqdx i {
  font-size: 4rem;
  color: var(--lqcolor-accent2);
  margin-top: 1rem;
  display: block;
}

.gMfvVpJhcIeIYop {
  flex: 1;
  min-width: 300px;
}

.wqoEwjZWJGn {
  background: rgba(255, 255, 255, 0.05);
  padding: 2rem;
  border-radius: var(--lqborder-radius-custom);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.JOLN {
  margin-bottom: 1.5rem;
  position: relative;
}

.JOLN input {
  width: 100%;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--lqborder-radius-custom);
  color: var(--lqcolor-text);
  font-family: 'Varela Round', sans-serif;
  transition: var(--lqtransition-normal);
}

.JOLN input:focus {
  outline: none;
  border-color: var(--lqcolor-accent2);
  box-shadow: 0 0 0 3px rgba(0, 204, 255, 0.2);
}

.JOLN label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: var(--lqcolor-text-secondary);
  pointer-events: none;
  transition: var(--lqtransition-normal);
}

.JOLN input:focus ~ label,
.JOLN input:not(:placeholder-shown) ~ label {
  top: -0.5rem;
  left: 0.5rem;
  font-size: 0.8rem;
  background: var(--lqcolor-surface);
  padding: 0 0.5rem;
  color: var(--lqcolor-accent2);
}

.kxgbbpOGLfyz {
  font-size: 0.8rem;
  color: var(--lqcolor-text-secondary);
  margin-top: 0.5rem;
  display: none;
}

.JOLN input:focus ~ .kxgbbpOGLfyz {
  display: block;
}

.qjyV {
  font-size: 0.8rem;
  color: var(--lqcolor-accent1);
  margin-top: 0.5rem;
  display: none;
}

.JOLN input:invalid:not(:focus):not(:placeholder-shown) ~ .qjyV {
  display: block;
}

.mTUEYxhy {
  margin-bottom: 1.5rem;
  position: relative;
}

.mTUEYxhy input {
  margin-right: 0.5rem;
}

.mTUEYxhy label {
  font-size: 0.9rem;
  color: var(--lqcolor-text-secondary);
}

.uvMbLXHuYlWn {
  font-size: 0.8rem;
  color: var(--lqcolor-text-secondary);
  margin-top: 0.5rem;
  display: none;
}

.mTUEYxhy input:focus ~ .uvMbLXHuYlWn {
  display: block;
}

.mTUEYxhy input:invalid:not(:focus) ~ .qjyV {
  display: block;
}

#GpEUNAOwr {
  width: 100%;
  padding: 1rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border: none;
  border-radius: var(--lqborder-radius-custom);
  font-weight: bold;
  cursor: pointer;
  transition: var(--lqtransition-normal);
}

#GpEUNAOwr:disabled {
  background: rgba(255, 255, 255, 0.2);
  cursor: not-allowed;
}

#GpEUNAOwr:not(:disabled):hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
}

.oBkbSDdoYv {
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  border-radius: var(--lqborder-radius-custom);
  padding: 2rem;
  text-align: center;
  display: none;
}

.oBkbSDdoYv h3 {
  color: #00ff88;
  margin-bottom: 1rem;
}

.cXwKxHcXbN {
  padding: 5rem 2rem;
  background: var(--lqcolor-background);
}

.TyosiEldREiAO {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.kQRc {
  flex: 1;
  min-width: 250px;
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.kQRc h3 {
  color: var(--lqcolor-accent3);
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.wUyeNQhSKKOU {
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.yTvuEjE {
  padding: 1rem 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  color: var(--lqcolor-text);
  transition: var(--lqtransition-normal);
}

.yTvuEjE:hover {
  color: var(--lqcolor-accent2);
}

.yTvuEjE i {
  transition: var(--lqtransition-normal);
}

.wUyeNQhSKKOU.active .yTvuEjE i {
  transform: rotate(45deg);
}

.Buebs {
  max-height: 0;
  overflow: hidden;
  transition: var(--lqtransition-slow);
  color: var(--lqcolor-text-secondary);
}

.wUyeNQhSKKOU.active .Buebs {
  max-height: 500px;
  padding-bottom: 1rem;
}

.svouDmsU {
  padding: 5rem 2rem;
  position: relative;
  background: var(--lqcolor-surface);
}

.JtkMdu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/gr-core/gr-art/gr-beg3.webp') center/cover no-repeat;
  opacity: 0.1;
  z-index: 0;
}

.ucBdQhOu {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

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

.jYiGJpF {
  display: block;
  width: 120px;
  transition: var(--lqtransition-normal);
}

.jYiGJpF:hover {
  transform: scale(1.1);
}

.jYiGJpF img {
  width: 100%;
  height: auto;
  border-radius: var(--lqborder-radius-custom);
}

.VzDHGzOPHK {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.VzDHGzOPHK img {
  width: 80px;
  height: auto;
}

.MmgNsaGQqB {
  padding: 5rem 2rem;
  background: var(--lqcolor-background);
}

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

.IZXKYjIOqkRF {
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 2rem;
  width: 350px;
  position: relative;
  transition: var(--lqtransition-normal);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.IZXKYjIOqkRF:hover {
  transform: translateY(-10px);
  box-shadow: var(--lqshadow-medium);
  border-color: var(--lqcolor-accent2);
}

.zldQrbM {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 1rem;
  border: 3px solid var(--lqcolor-accent1);
}

.USIaoLhmmYYd {
  text-align: center;
}

.wcWovZnreFoJu {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  margin-bottom: 1rem;
  color: var(--lqcolor-accent3);
}

.fpfhCFkBDTCI {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  font-size: 0.9rem;
  color: var(--lqcolor-text-secondary);
}

.XZMONAgLblAXb {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: var(--lqcolor-accent1);
  opacity: 0.3;
}

.hKKkCwKN {
  background: var(--lqcolor-surface);
  padding: 3rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.mnnyjiXPnyIaj {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.mnnyjiXPnyIaj a {
  color: var(--lqcolor-text-secondary);
  font-size: 0.9rem;
}

.mnnyjiXPnyIaj a:hover {
  color: var(--lqcolor-accent2);
}

.UOWFJbs {
  display: flex;
  gap: 1rem;
}

.qwZeRouMH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: var(--lqcolor-text);
  transition: var(--lqtransition-normal);
}

.qwZeRouMH:hover {
  background: var(--lqcolor-accent1);
  color: white;
  transform: translateY(-3px);
}

.hIKtkXmfDXBmx {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(30, 55, 59, 0.95);
  backdrop-filter: blur(10px);
  padding: 1.5rem 2rem;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.2);
}

.LVqQACLCJQJfiD {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.LVqQACLCJQJfiD p {
  margin: 0;
  flex: 1;
  min-width: 300px;
  color: var(--lqcolor-text);
}

.ZOSxiCsvPUw {
  padding: 0.75rem 1.5rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border: none;
  border-radius: var(--lqborder-radius-round);
  font-weight: bold;
  cursor: pointer;
  transition: var(--lqtransition-normal);
}

.ZOSxiCsvPUw:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
}

.OsoBNtcH {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.97);
  z-index: 3000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.ivApdgTDSrYof {
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 3rem;
  text-align: center;
  max-width: 600px;
  width: 100%;
  box-shadow: var(--lqshadow-medium);
  border: 1px solid var(--lqcolor-accent1);
  animation: lqmodal-appear 0.5s ease-out;
}

.ivApdgTDSrYof h2 {
  color: var(--lqcolor-accent1);
  margin-bottom: 1rem;
}

.ivApdgTDSrYof p {
  margin-bottom: 2rem;
  color: var(--lqcolor-text);
}

.vMSrALthx {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0;
}

.vMSrALthx a {
  display: block;
  width: 100px;
  transition: var(--lqtransition-normal);
}

.vMSrALthx a:hover {
  transform: scale(1.1);
}

.vMSrALthx img {
  width: 100%;
  height: auto;
  border-radius: var(--lqborder-radius-custom);
}

.CjByxxEgw {
  width: 80px;
  height: auto;
  margin: 1rem auto;
}

.NwbD {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}

.VOyK {
  padding: 1rem 2rem;
  border: none;
  border-radius: var(--lqborder-radius-round);
  font-weight: bold;
  cursor: pointer;
  transition: var(--lqtransition-normal);
  min-width: 180px;
}

.VOyK:first-child {
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
}

.VOyK:first-child:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
}

.VOyK:last-child {
  background: rgba(255, 255, 255, 0.1);
  color: var(--lqcolor-text);
}

.VOyK:last-child:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
}

.PHQPIFKkA {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 50px;
  height: 50px;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--lqtransition-normal);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--lqshadow-medium);
}

.PHQPIFKkA.visible {
  opacity: 1;
  visibility: visible;
}

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

@keyframes lqfade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes lqscale-in {
  from { 
    opacity: 0;
    transform: scale(0.8);
  }
  to { 
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes lqslide-up {
  from { 
    opacity: 0;
    transform: translateY(50px);
  }
  to { 
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes lqspin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes lqmodal-appear {
  from { 
    opacity: 0;
    transform: scale(0.8) translateY(50px);
  }
  to { 
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@media (max-width: 1024px) {
  h1 { font-size: 3rem; }
  h2 { font-size: 2.25rem; }
  
  .OTegq {
    flex-direction: column;
    gap: 1rem;
  }
  
  .xIpunP {
    gap: 1.5rem;
  }
  
  .MgoaItD {
    gap: 1.5rem;
  }
  
  .BpRvVXDVyQla {
    width: 180px;
  }
  
  .RkCdizTwRAvj {
    width: 100%;
    max-width: 385px;
  }
}

@media (max-width: 768px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
  
  .nLczLIern {
    padding: 1rem;
  }
  
  .kbgqAjEo {
    font-size: 1.25rem;
  }
  
  .MnBNrPrPOEapdFn {
    font-size: 1.5rem;
  }
  
  .xIpunP {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
  }
  
  .UGdTyn,
  .KLMnHxI {
    min-height: auto;
    padding: 3rem 1rem;
  }
  
  .BpRvVXDVyQla {
    width: 100%;
    max-width: 250px;
  }
  
  .DsDUPPxMsICP,
  .zKdHOqRw {
    flex-direction: column;
  }
  
  .CpzZeXC {
    width: 100%;
    max-width: 350px;
  }
  
  .IZXKYjIOqkRF {
    width: 100%;
    max-width: 400px;
  }
  
  .JHVunxFC {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .mnnyjiXPnyIaj {
    justify-content: center;
  }
  
  .LVqQACLCJQJfiD {
    flex-direction: column;
    text-align: center;
  }
  
  .NwbD {
    flex-direction: column;
  }
  
  .VOyK {
    width: 100%;
  }
}

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

  .nLczLIern {
    position: static;
  }
  
  .nLczLIern,
  .UGdTyn,
  .PwinXVLCWAw,
  .KLMnHxI,
  .kbAGMMxH,
  .dQaCjoyPe,
  .PzSwwXne,
  .cXwKxHcXbN,
  .svouDmsU,
  .MmgNsaGQqB {
    padding: 2rem 1rem;
  }
  
  .BpRvVXDVyQla {
    max-width: 100%;
  }
  
  .xIpunP {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  
  .kQRc {
    min-width: 100%;
  }
  
  .IZXKYjIOqkRF {
    padding: 1.5rem;
  }
  
  .mnnyjiXPnyIaj {
    flex-direction: column;
    gap: 1rem;
  }
  
  .ivApdgTDSrYof {
    padding: 2rem 1.5rem;
  }
  
  .vMSrALthx {
    gap: 0.5rem;
  }
  
  .vMSrALthx a {
    width: 80px;
  }
}

@media (max-width: 320px) {
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.5rem; }
  
  .BpRvVXDVyQla,
  .CpzZeXC,
  .RkCdizTwRAvj,
  .IZXKYjIOqkRF {
    padding: 1rem;
  }
  
  .wqoEwjZWJGn {
    padding: 1.5rem;
  }
  
  .hIKtkXmfDXBmx {
    padding: 1rem;
  }
  
  .ivApdgTDSrYof {
    padding: 1.5rem 1rem;
  }
}

.BnOYaDZqXynstxQ {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: 20px;
}

.BnOYaDZqXynstxQ.active {
  opacity: 1;
  visibility: visible;
}

.GXzPWQXiRaWfHIp {
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 2.5rem;
  width: 100%;
  max-width: 500px;
  position: relative;
  box-shadow: var(--lqshadow-medium);
  border: 2px solid var(--lqcolor-accent2);
  transform: scale(0.9);
  transition: transform 0.3s ease;
}

.BnOYaDZqXynstxQ.active .GXzPWQXiRaWfHIp {
  transform: scale(1);
}

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

.BimlwsDLOLNKN {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--lqcolor-text);
}

.BimlwsDLOLNKN i {
  color: var(--lqcolor-accent2);
  font-size: 1.5rem;
}

.PTqil {
  background: none;
  border: none;
  font-size: 2rem;
  color: var(--lqcolor-text-secondary);
  cursor: pointer;
  transition: var(--lqtransition-normal);
  line-height: 1;
}

.PTqil:hover {
  color: var(--lqcolor-accent1);
  transform: rotate(90deg);
}

.ftWXVrjwRqUAq {
  margin-bottom: 2rem;
}

.JOLN {
  margin-bottom: 1.5rem;
  position: relative;
}

.JOLN input,
.JOLN textarea {
  width: 100%;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--lqborder-radius-custom);
  color: var(--lqcolor-text);
  font-family: 'Varela Round', sans-serif;
  transition: var(--lqtransition-normal);
  resize: vertical;
}

.JOLN textarea {
  min-height: 120px;
}

.JOLN input:focus,
.JOLN textarea:focus {
  outline: none;
  border-color: var(--lqcolor-accent2);
  box-shadow: 0 0 0 3px rgba(0, 204, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
}

.JOLN label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: var(--lqcolor-text-secondary);
  pointer-events: none;
  transition: var(--lqtransition-normal);
}

.JOLN input:focus ~ label,
.JOLN input:not(:placeholder-shown) ~ label,
.JOLN textarea:focus ~ label,
.JOLN textarea:not(:placeholder-shown) ~ label {
  top: -0.5rem;
  left: 0.5rem;
  font-size: 0.8rem;
  background: var(--lqcolor-surface);
  padding: 0 0.5rem;
  color: var(--lqcolor-accent2);
}

.kxgbbpOGLfyz {
  font-size: 0.8rem;
  color: var(--lqcolor-text-secondary);
  margin-top: 0.5rem;
  display: none;
}

.JOLN input:focus ~ .kxgbbpOGLfyz,
.JOLN textarea:focus ~ .kxgbbpOGLfyz {
  display: block;
}

.qjyV {
  font-size: 0.8rem;
  color: var(--lqcolor-accent1);
  margin-top: 0.5rem;
  display: none;
}

.JOLN input:invalid:not(:focus):not(:placeholder-shown) ~ .qjyV,
.JOLN textarea:invalid:not(:focus):not(:placeholder-shown) ~ .qjyV {
  display: block;
}

.mTUEYxhy {
  margin-bottom: 1.5rem;
  position: relative;
}

.mTUEYxhy input {
  margin-right: 0.5rem;
}

.mTUEYxhy label {
  font-size: 0.9rem;
  color: var(--lqcolor-text-secondary);
}

.mTUEYxhy label a {
  color: var(--lqcolor-accent2);
  text-decoration: underline;
}

.mTUEYxhy label a:hover {
  color: var(--lqcolor-accent1);
}

.uvMbLXHuYlWn {
  font-size: 0.8rem;
  color: var(--lqcolor-text-secondary);
  margin-top: 0.5rem;
  display: none;
}

.mTUEYxhy input:focus ~ .uvMbLXHuYlWn {
  display: block;
}

.mTUEYxhy input:invalid:not(:focus) ~ .qjyV {
  display: block;
}

#XsOMni {
  width: 100%;
  padding: 1rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border: none;
  border-radius: var(--lqborder-radius-custom);
  font-weight: bold;
  cursor: pointer;
  transition: var(--lqtransition-normal);
}

#XsOMni:disabled {
  background: rgba(255, 255, 255, 0.2);
  cursor: not-allowed;
}

#XsOMni:not(:disabled):hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
}

.RVugccmuy {
  text-align: center;
  padding: 2rem;
  display: none;
}

.RVugccmuy i {
  font-size: 4rem;
  color: #00ff88;
  margin-bottom: 1rem;
  display: block;
}

.RVugccmuy h3 {
  color: var(--lqcolor-text);
  margin-bottom: 1rem;
}

.RVugccmuy p {
  color: var(--lqcolor-text-secondary);
  margin-bottom: 1.5rem;
}

.BabdXtJZLQ {
  padding: 0.75rem 1.5rem;
  background: var(--lqcolor-surface);
  color: var(--lqcolor-text);
  border: 1px solid var(--lqcolor-accent2);
  border-radius: var(--lqborder-radius-custom);
  font-weight: bold;
  cursor: pointer;
  transition: var(--lqtransition-normal);
}

.BabdXtJZLQ:hover {
  background: var(--lqcolor-accent2);
  color: white;
}

.SxhimyukxDJf {
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.SxhimyukxDJf h4 {
  color: var(--lqcolor-text);
  margin-bottom: 1rem;
  text-align: center;
}

.tozvlTx {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  justify-content: center;
}

.tozvlTx i {
  color: var(--lqcolor-accent2);
}

.tozvlTx a {
  color: var(--lqcolor-text-secondary);
  transition: var(--lqtransition-normal);
}

.tozvlTx a:hover {
  color: var(--lqcolor-accent2);
}

@media (max-width: 768px) {
  .GXzPWQXiRaWfHIp {
    padding: 1.5rem;
  }
  
  .vCrGeBRb {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  
  .tozvlTx {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
}

@media (max-width: 480px) {
  .BnOYaDZqXynstxQ {
    padding: 10px;
  }
  
  .GXzPWQXiRaWfHIp {
    padding: 1.25rem;
  }
  
  .JOLN input,
  .JOLN textarea {
    padding: 0.75rem;
  }
}

.FIaBwJOutw {
  padding: 2rem;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #1a303a 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PYokSfhxbJim {
  text-align: center;
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 3rem;
  box-shadow: var(--lqshadow-medium);
  border: 1px solid rgba(255, 255, 255, 0.1);
  max-width: 600px;
  width: 100%;
}

.aRvUD {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}

.aRvUD i {
  font-size: 3rem;
  color: var(--lqcolor-accent1);
  animation: emppgnotfound-bounce 2s infinite;
}

.aRvUD i:nth-child(2) {
  color: var(--lqcolor-accent2);
  animation-delay: 0.3s;
}

.aRvUD i:nth-child(3) {
  color: var(--lqcolor-accent3);
  animation-delay: 0.6s;
}

.PYokSfhxbJim h1 {
  color: var(--lqcolor-text);
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
}

.wGKrcJsr {
  color: var(--lqcolor-text-secondary);
  line-height: 1.6;
  margin-bottom: 2.5rem;
  font-size: 1.1rem;
}

.SESCVaRUhRRN {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.sLqKn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(to right, var(--lqcolor-accent1), var(--lqcolor-accent2));
  color: white;
  border-radius: var(--lqborder-radius-custom);
  text-decoration: none;
  font-weight: bold;
  transition: var(--lqtransition-normal);
}

.sLqKn:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(255, 51, 102, 0.3);
  color: white;
}

.zoglONkR {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.zoglONkR p {
  color: var(--lqcolor-text-secondary);
  margin-bottom: 0.5rem;
}

.CAtyAqTuxltQkW {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--lqcolor-accent2);
  text-decoration: none;
  transition: var(--lqtransition-normal);
}

.CAtyAqTuxltQkW:hover {
  color: var(--lqcolor-accent1);
}

@keyframes emppgnotfound-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

@media (max-width: 768px) {
  .FIaBwJOutw {
    padding: 1rem;
  }
  
  .PYokSfhxbJim {
    padding: 2rem;
  }
  
  .SESCVaRUhRRN {
    flex-direction: column;
    align-items: center;
  }
  
  .sLqKn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .PYokSfhxbJim {
    padding: 1.5rem;
  }
  
  .PYokSfhxbJim h1 {
    font-size: 2rem;
  }
  
  .aRvUD i {
    font-size: 2.5rem;
  }
  
  .wGKrcJsr {
    font-size: 1rem;
  }
}

.KZLCwh {
  padding: 2rem;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #1a303a 100%);
  min-height: 100vh;
}

.NVQh {
  max-width: 1200px;
  margin: 0 auto;
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 3rem;
  box-shadow: var(--lqshadow-medium);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.NVQh h1 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--lqcolor-accent2);
  font-size: 2.5rem;
}

.RpMysRdK {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--lqcolor-text-secondary);
}

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

.pMCwcYtfrnFhCf {
  background: rgba(255, 255, 255, 0.05);
  padding: 2rem;
  border-radius: var(--lqborder-radius-custom);
  border-left: 4px solid var(--lqcolor-accent2);
  transition: var(--lqtransition-normal);
  position: relative;
  overflow: hidden;
}

.pMCwcYtfrnFhCf::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, rgba(0, 204, 255, 0.1), transparent);
  opacity: 0;
  transition: var(--lqtransition-normal);
}

.pMCwcYtfrnFhCf:hover::before {
  opacity: 1;
}

.pMCwcYtfrnFhCf:hover {
  transform: translateY(-5px) rotate(1deg);
  box-shadow: var(--lqshadow-soft);
}

.pMCwcYtfrnFhCf i {
  font-size: 2.5rem;
  color: var(--lqcolor-accent2);
  margin-bottom: 1rem;
  display: block;
}

.pMCwcYtfrnFhCf h2 {
  color: var(--lqcolor-text);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.pMCwcYtfrnFhCf p {
  color: var(--lqcolor-text-secondary);
  line-height: 1.6;
}

.pMCwcYtfrnFhCf a {
  color: var(--lqcolor-accent2);
  text-decoration: underline;
}

.pMCwcYtfrnFhCf a:hover {
  color: var(--lqcolor-accent1);
}

@media (max-width: 768px) {
  .KZLCwh {
    padding: 1rem;
  }
  
  .NVQh {
    padding: 2rem;
  }
  
  .vCwhadlcaVfeNk {
    grid-template-columns: 1fr;
  }
  
  .pMCwcYtfrnFhCf {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .NVQh {
    padding: 1.5rem;
  }
  
  .NVQh h1 {
    font-size: 2rem;
  }
  
  .pMCwcYtfrnFhCf {
    padding: 1.25rem;
  }
  
  .pMCwcYtfrnFhCf i {
    font-size: 2rem;
  }
  
  .pMCwcYtfrnFhCf h2 {
    font-size: 1.25rem;
  }
}

.SKtXMij {
  padding: 2rem;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #1a303a 100%);
  min-height: 100vh;
}

.dHeRxzHXnxYK {
  max-width: 1200px;
  margin: 0 auto;
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 3rem;
  box-shadow: var(--lqshadow-medium);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.dHeRxzHXnxYK h1 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--lqcolor-accent1);
  font-size: 2.5rem;
}

.xgfoNLc {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--lqcolor-text-secondary);
}

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

.EqkmMhO {
  background: rgba(255, 255, 255, 0.05);
  padding: 2rem;
  border-radius: var(--lqborder-radius-custom);
  border-left: 4px solid var(--lqcolor-accent1);
  transition: var(--lqtransition-normal);
  position: relative;
}

.EqkmMhO::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, transparent 0%, rgba(255, 51, 102, 0.1) 100%);
  opacity: 0;
  transition: var(--lqtransition-normal);
  z-index: 0;
}

.EqkmMhO:hover::before {
  opacity: 1;
}

.EqkmMhO:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: var(--lqshadow-soft);
}

.EqkmMhO > * {
  position: relative;
  z-index: 1;
}

.EqkmMhO i {
  font-size: 2.5rem;
  color: var(--lqcolor-accent1);
  margin-bottom: 1rem;
  display: block;
}

.EqkmMhO h2 {
  color: var(--lqcolor-text);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.EqkmMhO p {
  color: var(--lqcolor-text-secondary);
  line-height: 1.6;
}

.EqkmMhO a {
  color: var(--lqcolor-accent1);
  text-decoration: underline;
}

.EqkmMhO a:hover {
  color: var(--lqcolor-accent2);
}

@media (max-width: 768px) {
  .SKtXMij {
    padding: 1rem;
  }
  
  .dHeRxzHXnxYK {
    padding: 2rem;
  }
  
  .fuJBhXI {
    grid-template-columns: 1fr;
  }
  
  .EqkmMhO {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .dHeRxzHXnxYK {
    padding: 1.5rem;
  }
  
  .dHeRxzHXnxYK h1 {
    font-size: 2rem;
  }
  
  .EqkmMhO {
    padding: 1.25rem;
  }
  
  .EqkmMhO i {
    font-size: 2rem;
  }
  
  .EqkmMhO h2 {
    font-size: 1.25rem;
  }
}

.OjOFBJHZoK {
  padding: 2rem;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #1a303a 100%);
  min-height: 100vh;
}

.pdHFLtMsAEF {
  max-width: 1200px;
  margin: 0 auto;
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 3rem;
  box-shadow: var(--lqshadow-medium);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.pdHFLtMsAEF h1 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--lqcolor-accent3);
  font-size: 2.5rem;
}

.EynUMcelngF {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--lqcolor-text-secondary);
}

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

.zzCAOnnNWnqcZ {
  background: rgba(255, 255, 255, 0.05);
  padding: 2rem;
  border-radius: var(--lqborder-radius-custom);
  border-left: 4px solid var(--lqcolor-accent3);
  transition: var(--lqtransition-normal);
  position: relative;
  overflow: hidden;
}

.zzCAOnnNWnqcZ::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(to right, var(--lqcolor-accent3), var(--lqcolor-accent1));
  transition: var(--lqtransition-normal);
}

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

.zzCAOnnNWnqcZ:hover {
  transform: translateY(-5px);
  box-shadow: var(--lqshadow-soft);
}

.zzCAOnnNWnqcZ i {
  font-size: 2.5rem;
  color: var(--lqcolor-accent3);
  margin-bottom: 1rem;
  display: block;
}

.zzCAOnnNWnqcZ h2 {
  color: var(--lqcolor-text);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.zzCAOnnNWnqcZ p {
  color: var(--lqcolor-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .OjOFBJHZoK {
    padding: 1rem;
  }
  
  .pdHFLtMsAEF {
    padding: 2rem;
  }
  
  .ojSMgzzyL {
    grid-template-columns: 1fr;
  }
  
  .zzCAOnnNWnqcZ {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .pdHFLtMsAEF {
    padding: 1.5rem;
  }
  
  .pdHFLtMsAEF h1 {
    font-size: 2rem;
  }
  
  .zzCAOnnNWnqcZ {
    padding: 1.25rem;
  }
  
  .zzCAOnnNWnqcZ i {
    font-size: 2rem;
  }
  
  .zzCAOnnNWnqcZ h2 {
    font-size: 1.25rem;
  }
}

.uCSgLi {
  padding: 2rem;
  background: linear-gradient(135deg, var(--lqcolor-background) 0%, #1a303a 100%);
  min-height: 100vh;
}

.kAoZdhiuzByIxen {
  max-width: 1200px;
  margin: 0 auto;
  background: var(--lqcolor-surface);
  border-radius: var(--lqborder-radius-custom);
  padding: 3rem;
  box-shadow: var(--lqshadow-medium);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.kAoZdhiuzByIxen h1 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--lqcolor-accent2);
  font-size: 2.5rem;
}

.ocbikEiOxrWnL {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--lqcolor-text-secondary);
}

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

.DDXvcKOPkxsf {
  background: rgba(255, 255, 255, 0.05);
  padding: 2rem;
  border-radius: var(--lqborder-radius-custom);
  border-left: 4px solid var(--lqcolor-accent1);
  transition: var(--lqtransition-normal);
  position: relative;
  overflow: hidden;
}

.DDXvcKOPkxsf::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: var(--lqtransition-slow);
}

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

.DDXvcKOPkxsf:hover {
  transform: translateY(-5px);
  box-shadow: var(--lqshadow-soft);
}

.DDXvcKOPkxsf i {
  font-size: 2.5rem;
  color: var(--lqcolor-accent2);
  margin-bottom: 1rem;
  display: block;
}

.DDXvcKOPkxsf h2 {
  color: var(--lqcolor-text);
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.DDXvcKOPkxsf p {
  color: var(--lqcolor-text-secondary);
  line-height: 1.6;
}

.DDXvcKOPkxsf a {
  color: var(--lqcolor-accent2);
  text-decoration: underline;
}

.DDXvcKOPkxsf a:hover {
  color: var(--lqcolor-accent1);
}

@media (max-width: 768px) {
  .uCSgLi {
    padding: 1rem;
  }
  
  .kAoZdhiuzByIxen {
    padding: 2rem;
  }
  
  .APZQsxGNQgMi {
    grid-template-columns: 1fr;
  }
  
  .DDXvcKOPkxsf {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .kAoZdhiuzByIxen {
    padding: 1.5rem;
  }
  
  .kAoZdhiuzByIxen h1 {
    font-size: 2rem;
  }
  
  .DDXvcKOPkxsf {
    padding: 1.25rem;
  }
  
  .DDXvcKOPkxsf i {
    font-size: 2rem;
  }
  
  .DDXvcKOPkxsf h2 {
    font-size: 1.25rem;
  }
}