.page-contact{background-color:var(--deep-navy);color:var(--text-main,#F3F8FF)}
.page-contact__hero-section{background:linear-gradient(135deg,#113B7A,#1D5FD1);padding:16px 16px 24px;text-align:center}
.page-contact__hero-image-block{max-width:1200px;margin:0 auto}
.page-contact__hero-image{width:100%;max-height:500px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.page-contact__hero-content{max-width:1200px;margin:24px auto 0;text-align:center}
.page-contact__hero-title{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:800;line-height:1.2;color:#FFFFFF;margin:0 0 8px}
.page-contact__hero-description{max-width:760px;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.6;color:#D0DDE7;margin-bottom:20px}
.page-contact__primary-btn,.page-contact__submit-btn{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#FFFFFF;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity 0.3s;display:inline-block;text-align:center;box-shadow:0 4px 14px rgba(45,120,255,0.3)}
.page-contact__primary-btn:hover,.page-contact__submit-btn:hover,.page-contact__secondary-btn:hover{opacity:0.9}
.page-contact__secondary-btn{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;border:1px solid #244D84;padding:10px 20px;border-radius:24px;font-size:0.9rem;font-weight:600;text-decoration:none;display:inline-block;text-align:center;transition:opacity 0.3s}
.page-contact__support-section{padding:32px 16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}
.page-contact__support-inner,.page-contact__message-form-inner,.page-contact__contact-info-inner{max-width:1200px;margin:0 auto;padding:8px 0}
.page-contact__section-title{text-align:center;color:#F2C14E;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin:0 0 12px}
.page-contact__support-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;box-sizing:border-box}
.page-contact__support-card{background-color:#10233F;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;flex:1 1 280px;max-width:360px;border:1px solid #244D84;box-sizing:border-box}
.page-contact__support-card-img{width:100%;height:auto;object-fit:cover;border-radius:10px;border:1px solid #244D84;aspect-ratio:2/1}
.page-contact__support-card-title{font-size:1.2rem;font-weight:700;color:#F3F8FF;margin:4px 0 0}
.page-contact__support-card-text{color:#AFC4E8;font-size:0.9rem;line-height:1.6;margin:0}
.page-contact__message-form-section{padding:16px 16px 40px;max-width:760px;margin:0 auto;width:100%;box-sizing:border-box;border-top:1px solid #1B3357}
.page-contact__message-form-section>p{text-align:center;color:#AFC4E8;margin-top:0;margin-bottom:24px}
.page-contact__form-wrapper{background-color:#10233F;border:1px solid #244D84;padding:24px;border-radius:16px;box-sizing:border-box;width:100%}
.page-contact__form{display:flex;flex-direction:column;gap:16px}
.page-contact__form-group{display:flex;flex-direction:column;gap:6px}
.page-contact__form-label{font-weight:600;color:#F3F8FF;font-size:0.9rem}
.page-contact__input,.page-contact__textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #244D84;background-color:#08162B;color:#F3F8FF;font-size:0.95rem;box-sizing:border-box;font-family:inherit}
.page-contact__input::placeholder,.page-contact__textarea::placeholder{color:#AFC4E8;opacity:0.6}
.page-contact__input:focus,.page-contact__textarea:focus{outline:none;border-color:#4FA8FF;box-shadow:0 0 0 3px rgba(79,168,255,0.2)}
.page-contact__submit-btn{margin-top:8px;align-self:flex-start}
.page-contact__contact-info-section{padding:20px 16px 40px;background-color:#08162B;border-top:1px solid #1B3357}
.page-contact__contact-info-inner h2{text-align:left;color:#F2C14E}
.page-contact__info-columns{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.page-contact__info-column{flex:1 1 280px}
.page-contact__info-heading{font-size:1.1rem;font-weight:700;color:#F3F8FF;margin:0 0 8px}
.page-contact__info-column p{color:#AFC4E8;font-size:0.9rem;line-height:1.7;margin:0 0 8px}
.page-contact__link{color:#4FA8FF;text-decoration:none;font-weight:600}
.page-contact__link:hover{text-decoration:underline}
@media (max-width:768px){
.page-contact__hero-section{padding:8px 12px 16px}
.page-contact__hero-image{max-height:220px;aspect-ratio:16/7}
.page-contact__hero-content{margin-top:16px}
.page-contact__support-wrapper{gap:12px;flex-direction:column}
.page-contact__support-card{max-width:100%}
.page-contact__message-form-section{padding:12px 12px 32px}
.page-contact img{max-width:100% !important;height:auto !important}
.page-contact{overflow-x:hidden;max-width:100%}
.page-contact__primary-btn,.page-contact__secondary-btn,.page-contact__submit-btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-contact__form-group{width:100%}
}