.page-contact{color:#F3F8FF;background-color:#08162B;}
.page-contact__hero-section{padding-top:10px;margin:0;}
.page-contact__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;}
.page-contact__intro-section{max-width:1200px;margin:0 auto;padding:30px 16px;text-align:center;}
.page-contact__intro-section h1{font-weight:800;line-height:1.3;letter-spacing:-0.5px;margin:0 0 12px;color:#F3F8FF;}
.page-contact__intro-section p{font-size:1.1rem;max-width:800px;margin:0 auto;color:#AFC4E8;}
.page-contact__info-section{max-width:1200px;margin:0 auto;padding:30px 16px;}
.page-contact__info-section h2{color:#F3F8FF;text-align:center;font-size:2rem;margin:0 0 15px;}
.page-contact__info-section>p{text-align:center;color:#AFC4E8;max-width:800px;margin:0 auto 30px;}
.page-contact__support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px;}
.page-contact__support-card{background-color:#10233F;border:1px solid #244D84;border-radius:12px;padding:16px;}
.page-contact__support-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;}
.page-contact__support-card h3{color:#F2C14E;font-size:1.35rem;margin:15px 0 10px;}
.page-contact__support-card p{color:#AFC4E8;line-height:1.6;font-size:0.95rem;margin:0;}
.page-contact__form-section{max-width:1200px;margin:0 auto;padding:30px 16px;}
.page-contact__form-section h2{color:#F3F8FF;text-align:center;font-size:2rem;margin:0 0 10px;}
.page-contact__form-section>p{text-align:center;color:#AFC4E8;margin:0 auto 30px;}
.page-contact__form{max-width:650px;margin:0 auto;background-color:#10233F;border:1px solid #244D84;padding:24px;border-radius:12px;}
.page-contact__form-group{margin-bottom:20px;}
.page-contact__form-group label{display:block;color:#F3F8FF;font-weight:600;margin-bottom:8px;}
.page-contact__form-group input,.page-contact__form-group select,.page-contact__form-group textarea{width:100%;background-color:#08162B;border:1px solid #244D84;border-radius:8px;padding:12px;color:#F3F8FF;font-size:1rem;box-sizing:border-box;}
.page-contact__form-group input::placeholder,.page-contact__form-group textarea::placeholder{color:#AFC4E8;}
.page-contact__form-group select{appearance:none;}
.page-contact__submit-button{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#ffffff;border:none;border-radius:999px;padding:14px 35px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity 0.2s;box-shadow:0 4px 15px rgba(22, 78, 99, 0.4);}
.page-contact__submit-button:hover{opacity:0.9;}
.page-contact__faq-section{max-width:800px;margin:0 auto;padding:30px 16px;}
.page-contact__faq-section h2{color:#F3F8FF;text-align:center;font-size:2rem;margin:0 0 25px;}
.page-contact__faq-list{display:flex;flex-direction:column;gap:12px;}
.page-contact__faq-item{background-color:#10233F;border:1px solid #244D84;border-radius:8px;}
.page-contact__faq-question{list-style:none;color:#F3F8FF;font-weight:600;font-size:1.1rem;padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.page-contact__faq-question::-webkit-details-marker{display:none;}
.page-contact__faq-question::after{content:'+';font-weight:700;font-size:1.8rem;line-height:1;color:#4FA8FF;}
.page-contact__faq-item[open] .page-contact__faq-question::after{content:'−';color:#F2C14E;}
.page-contact__faq-answer{padding:0 20px 20px;color:#AFC4E8;line-height:1.6;}
.page-contact__cta-section{padding:20px 16px 50px;position:relative;overflow:hidden;}
.page-contact__cta-card{max-width:700px;margin:0 auto;background:linear-gradient(180deg, #10233F 0%, #08162B 100%);border:1px solid #244D84;border-radius:16px;padding:40px;text-align:center;box-shadow:0 15px 35px rgba(0, 0, 0, 0.4);}
.page-contact__cta-card h2{color:#F3F8FF;font-size:1.8rem;margin:0 0 10px;}
.page-contact__cta-card p{color:#AFC4E8;font-size:1.05rem;margin:0 0 25px;}
.page-contact__cta-button{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#ffffff;border:none;border-radius:999px;padding:14px 35px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;box-shadow:0 4px 15px rgba(34, 197, 94, 0.3);}
.page-contact__cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(34, 197, 94, 0.5);}

@media (max-width: 1024px){
  .page-contact__support-grid{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto;}
  .page-contact__info-section,.page-contact__form-section,.page-contact__faq-section,.page-contact__intro-section{padding-left:20px;padding-right:20px;}
  .page-contact__hero-section{padding-top:10px;}
}

@media (max-width: 768px){
  .page-contact__hero-section{padding-top:8px;}
  .page-contact__hero-image{aspect-ratio:2/1;}
  .page-contact img{max-width:100%;height:auto;}
  .page-contact__intro-section h1{font-size:1.6rem;}
  .page-contact__intro-section p,.page-contact__info-section>p,.page-contact__form-section>p{font-size:1rem;}
  .page-contact__info-section h2,.page-contact__form-section h2,.page-contact__faq-section h2{font-size:1.6rem;}
  .page-contact__support-grid{grid-template-columns:1fr;}
  .page-contact__form{padding:18px;}
  .page-contact__cta-card{padding:25px 15px;}
  .page-contact__cta-card h2{font-size:1.4rem;}
  .page-contact__cta-button,.page-contact__submit-button{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 20px;}
  .page-contact__form-group input,.page-contact__form-group select,.page-contact__form-group textarea{font-size:0.9rem;}
}