/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/contacts/contacts.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/* frontend/src/app/contacts/contacts.module.css */

.contacts_vantaCanvas__2QItp{
  height: 100dvh;
  height: -webkit-fill-available;
}

.contacts_contacts__ChAuy {
  position: relative;
  min-height: 100dvh;
  min-height: -webkit-fill-available;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  width: 100%;
  box-sizing: border-box;
}

.contacts_container__JyI5A {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 2rem;
  width: clamp(300px, 80%, 1200px);
  gap: 2rem;
}

.contacts_title__188Qb {
  font-size: clamp(32px, 6vw, 64px);
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  margin-bottom: 1rem;
}

.contacts_description__T8dml {
  font-size: clamp(18px, 3vw, 24px);
  color: #ffffff;
  margin: 0;
  margin-bottom: 1.5rem;
}

.contacts_columns__NwK_T {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .contacts_columns__NwK_T {
    grid-template-columns: 1fr 1fr;
  }
}

.contacts_left__zFb4k {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

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

.contacts_contactCard__hxmtP {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  color: inherit;
}

.contacts_contactCard__hxmtP:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.contacts_contactCardIcon__wnD7B {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  filter: invert(39%) sepia(97%) saturate(2776%) hue-rotate(196deg) brightness(100%) contrast(101%);
}

.contacts_contactCardText__kGlvg {
  font-size: 1.25rem;
  color: #007bff;
  font-weight: 500;
  word-break: break-word;
}

.contacts_right__5K2bF {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  height: 100%;
}

.contacts_qrCodes__Lwwe3 {
  display: flex;
  gap: 1rem;
  width: 100%;
  justify-content: center;
  height: auto;
}

.contacts_qrCode__JAyzu {
  text-align: center;
  width: auto;
  flex-shrink: 1;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: block;
  background: rgba(255, 255, 255, 0.7)
}

.contacts_qrCode__JAyzu:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.contacts_qrCode__JAyzu img,
.contacts_qrCodeImage__Ow9_1 {
  border-radius: 12px;
  width: 100%;
  height:auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: block;
}

.contacts_buttons__tG2Kb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: auto;
}

.contacts_button__ipe8A {
  padding: 1rem 2rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  display: block;
  box-sizing: border-box;
}

.contacts_buttonPrimary__WPWYq {
  background: #007bff;
  color: #fff;
  border: 2px solid #007bff;
}
.contacts_buttonPrimary__WPWYq:hover {
   background: #0056b3;
   border-color: #0056b3;
}

.contacts_buttonSecondary__8zt3B {
  background: #f0f8ff;
  color: #007bff;
  border: 2px solid #007bff;
}
.contacts_buttonSecondary__8zt3B:hover {
   background: #e6f2ff;
}


.contacts_button__ipe8A:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
  .contacts_contacts__ChAuy {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }

  .contacts_container__JyI5A {
     width: 90%;
     padding: 1.5rem;
  }

  .contacts_qrCodes__Lwwe3 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }

  .contacts_qrCode__JAyzu {
    width: calc(50% - 0.5rem);
  }

  .contacts_right__5K2bF {
    gap: 2rem;
  }

  .contacts_buttons__tG2Kb {
     max-width: none;
  }
}