.page-contact { color: #333333; background-color: #FFFFFF; }
.page-contact h1, .page-contact h2, .page-contact h3 { color: #26A9E0; }
.page-contact__intro-section { padding-top: 10px; margin-top: 0; padding-bottom: 24px; }
.page-contact__intro-container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.page-contact__page-title { text-align: center; margin: 0 0 18px; font-weight: 700; line-height: 1.35; letter-spacing: 0.2px; max-width: 900px; margin-left: auto; margin-right: auto; }
.page-contact__intro-quote { margin: 0 auto; padding: 0; border: 0; font-style: italic; line-height: 1.75; color: #333333; text-align: center; max-width: 900px; }
.page-contact__channels-section, .page-contact__form-section, .page-contact__info-section, .page-contact__guide-section, .page-contact__faq-section, .page-contact__blog-section, .page-contact__final-section { padding: 36px 0; }
.page-contact__channels-section { background-color: #f4fafd; }
.page-contact__info-section { background-color: #f4fafd; }
.page-contact__final-section { background-color: #eaf6fc; }
.page-contact__section-container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.page-contact__section-title { margin: 0 0 16px; font-weight: 700; line-height: 1.35; }
.page-contact__section-text { margin: 0 0 16px; line-height: 1.75; color: #333333; }
.page-contact__channels-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.page-contact__channel-card { background-color: #FFFFFF; border: 1px solid #d6ecf7; border-radius: 12px; padding: 22px; box-shadow: 0 4px 14px rgba(38, 169, 224, 0.08); display: flex; flex-direction: column; }
.page-contact__channel-title { margin: 0 0 10px; line-height: 1.4; }
.page-contact__channel-text { margin: 0 0 16px; line-height: 1.7; color: #333333; flex-grow: 1; }
.page-contact__channel-cta { display: inline-block; align-self: flex-start; padding: 10px 18px; background-color: #26A9E0; color: #FFFFFF; border-radius: 8px; text-decoration: none; font-weight: 600; line-height: 1.4; box-sizing: border-box; }
.page-contact__feedback-form { background-color: #FFFFFF; border: 1px solid #d6ecf7; border-radius: 12px; padding: 24px; box-shadow: 0 4px 14px rgba(38, 169, 224, 0.08); }
.page-contact__form-group { margin-bottom: 18px; }
.page-contact__form-label { display: block; margin-bottom: 8px; font-weight: 600; color: #333333; }
.page-contact__form-input, .page-contact__form-select, .page-contact__form-textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #b9dfef; border-radius: 8px; background-color: #FFFFFF; color: #333333; font-size: 1rem; line-height: 1.5; }
.page-contact__form-input:focus, .page-contact__form-select:focus, .page-contact__form-textarea:focus { outline: 2px solid #26A9E0; outline-offset: 1px; border-color: #26A9E0; }
.page-contact__form-textarea { resize: vertical; min-height: 140px; }
.page-contact__form-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.page-contact__form-submit { padding: 12px 22px; background-color: #EA7C07; color: #FFFFFF; border: none; border-radius: 8px; font-weight: 700; font-size: 1rem; cursor: pointer; box-sizing: border-box; }
.page-contact__form-cta { display: inline-block; padding: 12px 22px; background-color: #26A9E0; color: #FFFFFF; border-radius: 8px; text-decoration: none; font-weight: 700; box-sizing: border-box; }
.page-contact__form-status { margin: 14px 0 0; color: #1e7aa8; font-weight: 600; line-height: 1.6; }
.page-contact__info-list { margin: 0 0 16px; padding-left: 22px; }
.page-contact__info-item { margin-bottom: 10px; line-height: 1.75; color: #333333; }
.page-contact__guide-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.page-contact__guide-step { background-color: #f4fafd; border-radius: 12px; padding: 20px; border-left: 4px solid #26A9E0; }
.page-contact__guide-title { margin: 0 0 8px; line-height: 1.4; }
.page-contact__guide-text { margin: 0; line-height: 1.7; color: #333333; }
.page-contact__faq-list { display: grid; gap: 16px; margin-top: 18px; }
.page-contact__faq-item { background-color: #FFFFFF; border: 1px solid #d6ecf7; border-radius: 12px; padding: 20px; }
.page-contact__faq-question { margin: 0 0 8px; line-height: 1.4; }
.page-contact__faq-answer { margin: 0; line-height: 1.7; color: #333333; }
.page-contact__blog-intro { margin: 0 0 18px; line-height: 1.7; color: #333333; }
.page-contact__blog-slider { display: flex; gap: 16px; overflow: hidden; scroll-behavior: smooth; padding: 4px 2px; }
.page-contact__blog-card { flex: 0 0 calc(25% - 12px); min-width: 0; background-color: #FFFFFF; border: 1px solid #d6ecf7; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(38, 169, 224, 0.08); }
.page-contact__blog-link { display: block; text-decoration: none; color: inherit; }
.page-contact__blog-image { width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; display: block; }
.page-contact__blog-card-title { margin: 12px 14px 6px; font-size: 1.02rem; line-height: 1.4; }
.page-contact__blog-card-text { margin: 0 14px 16px; line-height: 1.65; color: #333333; font-size: 0.95rem; }
.page-contact__blog-controls { display: flex; justify-content: center; gap: 12px; margin-top: 18px; }
.page-contact__blog-prev, .page-contact__blog-next { width: 46px; height: 46px; min-width: 46px; min-height: 46px; border-radius: 50%; border: 1px solid #26A9E0; background-color: #FFFFFF; color: #26A9E0; font-size: 1.2rem; font-weight: 700; cursor: pointer; }
.page-contact__blog-footer { text-align: center; margin-top: 20px; }
.page-contact__blog-all { display: inline-block; padding: 11px 22px; border: 1px solid #26A9E0; color: #26A9E0; border-radius: 8px; text-decoration: none; font-weight: 600; box-sizing: border-box; }
.page-contact__final-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.page-contact__final-cta { display: inline-block; padding: 12px 24px; background-color: #EA7C07; color: #FFFFFF; border-radius: 8px; text-decoration: none; font-weight: 700; box-sizing: border-box; }
.page-contact__final-cta--secondary { background-color: #26A9E0; }
.page-contact__final-cta--outline { background-color: #FFFFFF; color: #26A9E0; border: 1px solid #26A9E0; }
@media (max-width: 1024px) {
  .page-contact__blog-card { flex-basis: calc(33.333% - 12px); }
  .page-contact__channels-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-contact__guide-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .page-contact { max-width: 100%; overflow-x: hidden; }
  .page-contact img { max-width: 100% !important; height: auto !important; }
  .page-contact__page-title { font-size: clamp(1.35rem, 5vw, 1.7rem); }
  .page-contact__channels-grid { grid-template-columns: 1fr; }
  .page-contact__guide-steps { grid-template-columns: 1fr; }
  .page-contact__blog-card { flex-basis: 100%; }
  .page-contact__form-actions { flex-direction: column; }
  .page-contact__form-submit, .page-contact__form-cta { width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; text-align: center; }
  .page-contact__final-actions { flex-direction: column; }
  .page-contact__final-cta { width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; text-align: center; }
  .page-contact__channel-cta { width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; text-align: center; }
  .page-contact__blog-controls { justify-content: center; }
}