.page-contact{
  background-color: #08162B;
  color: #F3F8FF;
  font-family: 'Segoe UI', system-ui, sans-serif;
  padding-top: 0;
  margin-top: 0;
}
.page-contact__hero-section{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:24px;
  max-width:1200px;
  margin:0 auto;
  padding:10px 16px 28px;
}
.page-contact__hero-image-wrap{flex:1 1 380px;min-width:0}
.page-contact__hero-image{width:100%;max-width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:16px;display:block}
.page-contact__hero-content{flex:1 1 340px;min-width:0;padding-top:4px}
.page-contact__hero-title{font-size:clamp(1.25rem, 1rem + 1.2vw, 2rem);font-weight:700;line-height:1.25;color:#F3F8FF;margin:0 0 12px}
.page-contact__hero-desc{font-size:1rem;line-height:1.6;color:#AFC4E8;margin:0 0 24px;max-width:540px}
.page-contact__btn-primary,.page-contact__btn-submit{
  display:inline-block;
  background: linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);
  color: #F3F8FF!important;
  border: 1px solid #244D84;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
  max-width: 100%;
  box-sizing: border-box;
}
.page-contact__btn-primary:hover{box-shadow:0 8px 24px rgba(79,168,255,.35);transform:translateY(-2px)}
.page-contact__info-section{padding:32px 16px;max-width:1200px;margin:0 auto}
.page-contact__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:24px}
.page-contact__info-card{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:28px 24px;text-align:left;transition:border-color .2s}
.page-contact__info-card:hover{border-color:#4FA8FF}
.page-contact__info-icon{font-size:2rem;color:#4FA8FF;margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(79,168,255,.1);border-radius:50%}
.page-contact__info-card h3{font-size:1.1rem;margin:0 0 8px;color:#F2C14E}
.page-contact__info-card p{font-size:.9rem;line-height:1.6;color:#AFC4E8;margin:0}
.page-contact__form-section{display:flex;flex-wrap:wrap;gap:32px;max-width:1200px;margin:0 auto;padding:8px 16px 56px;align-items:flex-start}
.page-contact__form-card{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:28px;box-sizing:border-box;flex:1 1 380px;min-width:0}
.page-contact__form-card h2{color:#F2C14E;margin:0 0 12px;font-size:1.5rem}
.page-contact__form-card>p{color:#AFC4E8;margin:0 0 24px}
.page-contact__form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.page-contact__form-row label{font-size:.9rem;color:#F3F8FF;font-weight:500}
.page-contact__form-row input,.page-contact__form-row select,.page-contact__form-row textarea{
  background: #08162B;
  border: 1px solid #244D84;
  color: #F3F8FF;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 1rem;
  box-sizing: border-box;
  width: 100%;
}
.page-contact__form-row input::placeholder,.page-contact__form-row textarea::placeholder{color:#AFC4E8;opacity:.7}
.page-contact__form-row select{appearance:none}
.page-contact__btn-submit{width:100%;border:none;margin-top:8px;color: #F3F8FF;}
.page-contact__faq-aside{flex:1 1 320px;box-sizing:border-box;min-width:0}
.page-contact__faq-aside h2{color:#F2C14E;font-size:1.5rem;margin:0 0 20px}
.page-contact__faq-item{border-bottom:1px solid #1B3357;padding:18px 0}
.page-contact__faq-q{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:600;color:#F3F8FF;align-items:flex-start}
.page-contact__faq-q::-webkit-details-marker{display:none}
.page-contact__faq-q span:first-child{flex:1;font-weight:500}
.page-contact__faq-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #244D84;border-radius:50%;background:#08162B;color:#4FA8FF}
.page-contact__faq-item p{color:#AFC4E8;line-height:1.6;margin:14px 0 0;font-size:.95rem;padding-left:24px}
.page-contact img{
  max-width: 100%;
  height: auto;
}
@media (max-width:768px){
  .page-contact__hero-section{flex-direction:column;gap:16px;padding-bottom:20px}
  .page-contact__hero-image{width:100%;max-width:100%;height:auto;aspect-ratio:2/1}
  .page-contact__hero-title{margin-bottom:10px}
  .page-contact__hero-desc{margin-bottom:16px}
  .page-contact__btn-primary{width:auto}
  .page-contact__info-section{padding:24px 16px}
  .page-contact__form-section{padding-bottom:32px;gap:24px}
  .page-contact__form-card, .page-contact__faq-aside{flex:1 1 100%}
  .page-contact .page-contact__img, .page-contact img{
    max-width:100% !important;
    height:auto !important;
  }
  .page-contact__btn-primary,.page-contact__btn-submit, .page-contact__hero-content a{
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal;
    word-wrap: break-word;
    width: auto;
  }
  .page-contact__hero-content a{text-align:center}
}
@media(max-width:480px){
  .page-contact__btn-primary{display:block;text-align:center;width:100%}
}