.page-contact{color:#333333;background:#FFFFFF;line-height:1.7;font-size:16px}
.page-contact__container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.page-contact__hero-section{padding-top:0;margin-top:0;background:linear-gradient(180deg,#FFFFFF 0%,#F2FAFE 100%)}
.page-contact__hero-inner{display:flex;flex-direction:column;gap:24px;align-items:stretch;width:100%;max-width:1200px;margin:0 auto;padding:10px 16px 40px}
.page-contact__hero-image-wrap{width:100%;order:1}
.page-contact__hero-image{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 16px 40px rgba(38,169,224,0.18);object-fit:cover}
.page-contact__hero-content{order:2;display:flex;flex-direction:column;gap:16px}
.page-contact__main-title{font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:#0B3C57;margin:0;max-width:900px}
.page-contact__hero-desc{font-size:17px;color:#333333;margin:0;max-width:900px}
.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-contact__btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:13px 22px;border-radius:10px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;max-width:100%;box-sizing:border-box;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.page-contact__btn-primary{background:#26A9E0;color:#FFFFFF;border-color:#26A9E0}
.page-contact__btn-primary:hover{background:#0F8FC4;border-color:#0F8FC4;color:#FFFFFF}
.page-contact__btn-secondary{background:#FFFFFF;color:#0B3C57;border-color:#26A9E0}
.page-contact__btn-secondary:hover{background:#EAF7FD;color:#0B3C57}
.page-contact__btn-login{background:#EA7C07;color:#FFFFFF;border-color:#EA7C07}
.page-contact__btn-login:hover{background:#C96500;border-color:#C96500;color:#FFFFFF}
.page-contact__intro-section,.page-contact__channels-section,.page-contact__form-section,.page-contact__response-section,.page-contact__guide-section,.page-contact__topics-section,.page-contact__faq-section,.page-contact__cta-section{padding:48px 0}
.page-contact__section-title{font-size:26px;font-weight:800;line-height:1.3;color:#0B3C57;margin:0 0 16px}
.page-contact__text{color:#333333;margin:0 0 14px;max-width:980px}
.page-contact__intro-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.page-contact__intro-card{background:#FFFFFF;border:1px solid #D9EEF7;border-radius:14px;padding:20px;box-shadow:0 8px 24px rgba(11,60,87,0.05)}
.page-contact__card-title{font-size:18px;font-weight:700;color:#0B3C57;margin:0 0 8px}
.page-contact__card-text{font-size:15.5px;color:#333333;margin:0}
.page-contact__channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}
.page-contact__channel-card{background:#F7FCFE;border:1px solid #D9EEF7;border-radius:14px;padding:20px}
.page-contact__channels-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.page-contact__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.page-contact__form-info{min-width:0}
.page-contact__list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
.page-contact__list-item{position:relative;padding-left:26px;color:#333333}
.page-contact__list-item::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:#26A9E0}
.page-contact__form-side-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.page-contact__form{background:#FFFFFF;border:1px solid #D9EEF7;border-radius:16px;padding:24px;box-shadow:0 12px 32px rgba(11,60,87,0.08);display:flex;flex-direction:column;gap:16px}
.page-contact__form-group{display:flex;flex-direction:column;gap:7px}
.page-contact__form-group--checkbox{flex-direction:row;align-items:flex-start;gap:10px}
.page-contact__form-label{font-weight:700;font-size:15px;color:#0B3C57}
.page-contact__form-label--checkbox{font-weight:500;font-size:14.5px;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 #B9DEEE;border-radius:10px;background:#FFFFFF;color:#333333;font-size:16px;font-family:inherit}
.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-checkbox{width:20px;height:20px;accent-color:#26A9E0;flex:0 0 auto;margin-top:2px}
.page-contact__form-note{min-height:22px;margin:0;color:#0B3C57;font-size:15px}
.page-contact__form-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-contact__response-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.page-contact__response-card{background:#F2FAFE;border:1px solid #D9EEF7;border-radius:14px;padding:20px}
.page-contact__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}
.page-contact__guide-item{background:#FFFFFF;border-left:4px solid #26A9E0;border-radius:10px;padding:18px 20px;box-shadow:0 6px 18px rgba(11,60,87,0.05)}
.page-contact__inline-link{color:#0F8FC4;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.page-contact__inline-link:hover{color:#0B6E99}
.page-contact__topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.page-contact__topic-card{background:#FFFFFF;border:1px solid #D9EEF7;border-radius:14px;padding:20px;box-shadow:0 8px 24px rgba(11,60,87,0.05)}
.page-contact__faq-list{display:flex;flex-direction:column;gap:12px;margin-top:22px;max-width:980px}
.page-contact__faq-item{background:#FFFFFF;border:1px solid #D9EEF7;border-radius:12px;padding:16px 20px;box-shadow:0 6px 18px rgba(11,60,87,0.05)}
.page-contact__faq-summary{cursor:pointer;font-weight:700;color:#0B3C57;font-size:16.5px;list-style:none}
.page-contact__faq-summary::-webkit-details-marker{display:none}
.page-contact__faq-item[open] .page-contact__faq-summary{color:#0F8FC4}
.page-contact__faq-answer{margin:12px 0 0;color:#333333;font-size:15.5px}
.page-contact__cta-section{background:linear-gradient(135deg,#26A9E0 0%,#0F8FC4 100%)}
.page-contact__cta-inner{background:transparent;color:#FFFFFF;text-align:center;max-width:900px;margin:0 auto}
.page-contact__cta-title{font-size:26px;font-weight:800;line-height:1.3;color:#FFFFFF;margin:0 0 12px}
.page-contact__cta-text{color:#FFFFFF;margin:0 0 20px}
.page-contact__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-contact__cta-actions .page-contact__btn-secondary{background:#FFFFFF;color:#0B3C57;border-color:#FFFFFF}
.page-contact__cta-actions .page-contact__btn-secondary:hover{background:#EAF7FD;color:#0B3C57}
.page-contact__cta-actions .page-contact__btn-login{border-color:#FFFFFF}
.page-contact img{max-width:100%;height:auto}
@media (max-width:1024px){.page-contact__channels-grid,.page-contact__topics-grid{grid-template-columns:repeat(2,1fr)}.page-contact__intro-highlights,.page-contact__response-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.page-contact{font-size:16px;line-height:1.65;max-width:100%;overflow-x:hidden}
.page-contact__container{padding:0 14px}
.page-contact__hero-inner{padding:10px 14px 32px;gap:18px}
.page-contact__main-title{font-size:clamp(1.35rem,5.2vw,1.9rem)}
.page-contact__section-title,.page-contact__cta-title{font-size:22px}
.page-contact__hero-actions,.page-contact__channels-actions,.page-contact__form-actions,.page-contact__form-side-actions,.page-contact__cta-actions{flex-direction:column;width:100%;max-width:100%;overflow:hidden}
.page-contact__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box}
.page-contact__intro-highlights,.page-contact__channels-grid,.page-contact__response-grid,.page-contact__guide-grid,.page-contact__topics-grid,.page-contact__form-grid{grid-template-columns:1fr}
.page-contact__intro-section,.page-contact__channels-section,.page-contact__form-section,.page-contact__response-section,.page-contact__guide-section,.page-contact__topics-section,.page-contact__faq-section,.page-contact__cta-section{padding:36px 0}
.page-contact__form{padding:18px}
.page-contact img{max-width:100%!important;height:auto!important}
.page-contact__faq-summary{font-size:16px}
}