.page-contact{max-width:1200px;margin:0 auto;color:#2F3A4A;font-family:'Segoe UI',Roboto,Arial,sans-serif}.page-contact__hero-section{padding-top:10px;padding-bottom:24px}.page-contact__hero-image{width:100%;border-radius:20px;overflow:hidden}.page-contact__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-contact__hero-content{background:#FFFFFF;border:2px solid #D6E2FF;border-radius:0 0 20px 20px;padding:24px 32px;margin-top:-8px;text-align:center}.page-contact__hero-content h1{color:#1F2D3D;font-weight:800;line-height:1.3;letter-spacing:-0.02em;max-width:800px;margin:0 auto 12px}.page-contact__hero-content p{color:#4A5568;max-width:720px;margin:0 auto 20px;line-height:1.65}.page-contact__cta-button{display:inline-block;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;font-weight:600;text-decoration:none;padding:14px 32px;border-radius:50px;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 12px rgba(47,107,255,0.25)}.page-contact__cta-button:hover,.page-contact__cta-button:focus{transform:translateY(-2px);box-shadow:0 6px 18px rgba(47,107,255,0.35);opacity:0.95}.page-contact__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.page-contact__info-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:28px 28px;box-shadow:0 2px 8px rgba(47,107,255,0.05)}.page-contact__info-card h2{color:#1F2D3D;font-size:1.4rem;font-weight:700;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #A5C4FF}.page-contact__info-card p{color:#3D4A5C;line-height:1.7;margin:0 0 16px;font-size:1rem}.page-contact__info-card ul,.page-contact__form-aside ul{list-style:none;padding:0;margin:0}.page-contact__info-card li,.page-contact__form-aside li{position:relative;padding-left:24px;margin-bottom:12px;color:#3D4A5C;line-height:1.6}.page-contact__info-card li::before,.page-contact__form-aside li::before{content:'✓';position:absolute;left:0;top:0;font-weight:700;color:#2F6BFF}.page-contact__support-section{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:40px 32px;margin-bottom:24px;box-shadow:0 2px 8px rgba(47,107,255,0.05)}.page-contact__support-section h2,.page-contact__form-wrap h2{color:#1F2D3D;font-size:1.8rem;text-align:center;margin:0 0 32px;font-weight:700}.page-contact__support-row{display:flex;flex-direction:row;align-items:flex-start;gap:32px}.page-contact__support-row img{width:100%;max-width:400px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:16px;flex-shrink:0}.page-contact__support-detail h3{color:#2F6BFF;font-size:1.5rem;margin:0 0 16px;font-weight:600}.page-contact__support-detail p{color:#3D4A5C;line-height:1.8;margin-bottom:20px}.page-contact__link-button{display:inline-block;background:#EEF3FF;color:#2F6BFF;font-weight:600;padding:12px 24px;text-decoration:none;border-radius:10px;border:1px solid #D6E2FF;transition:all 0.2s}.page-contact__link-button:hover,.page-contact__link-button:focus{background:#2F6BFF;color:#fff;border-color:#2F6BFF}.page-contact__form-section{display:flex;flex-direction:column;gap:32px;margin-top:24px}.page-contact__form-wrap{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:40px 32px;box-shadow:0 2px 8px rgba(47,107,255,0.05)}.page-contact__form-wrap h2{margin-bottom:24px}.page-contact__form{display:flex;flex-direction:column;gap:20px}.page-contact__form-group{display:flex;flex-direction:column}.page-contact__form-group label{color:#1F2D3D;font-weight:600;font-size:1rem;margin-bottom:8px}.page-contact__form-group input,.page-contact__form-group textarea,.page-contact__form-group select{width:100%;box-sizing:border-box;border:2px solid #D6E2FF;border-radius:10px;padding:12px 16px;font-size:1rem;color:#1F2D3D;background:#FAFCFF;transition:border-color 0.2s;font-family:inherit}.page-contact__form-group input:focus,.page-contact__form-group textarea:focus,.page-contact__form-group select:focus{outline:none;border-color:#2F6BFF}.page-contact__form-group textarea{resize:vertical;min-height:36px}.page-contact__submit-button{display:inline-block;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;font-weight:600;font-size:1rem;border:none;padding:14px 36px;border-radius:50px;cursor:pointer;transition:opacity 0.2s;align-self:center;box-shadow:0 4px 12px rgba(47,107,255,0.25)}.page-contact__submit-button:hover,.page-contact__submit-button:focus{opacity:0.9}.page-contact__form-note{padding:16px;border-radius:10px;font-size:1rem;margin-top:20px;text-align:center}.page-contact__form-note[aria-live]{font-weight:600}.page-contact__form-wrap .page-contact__form-note{display:none;background:#E6F7FF;border:1px solid #91CAFF;color:#1F5FBF}.page-contact__form-wrap .page-contact__form-note.show{display:block}.page-contact__form-aside{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:32px;box-shadow:0 2px 8px rgba(47,107,255,0.05);margin-top:0}.page-contact__form-aside h3{color:#1F2D3D;font-size:1.3rem;margin:0 0 20px;font-weight:700}.page-contact__form-aside ul{margin-bottom:20px}.page-contact__form-aside li{font-size:0.98rem}.page-contact__promo-button{display:inline-block;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;font-weight:600;padding:12px 28px;text-decoration:none;border-radius:50px;transition:opacity 0.2s;box-shadow:0 4px 12px rgba(47,107,255,0.2)}.page-contact__promo-button:hover,.page-contact__promo-button:focus{opacity:0.9}.page-contact__promo-button,.page-contact__cta-button,.page-contact__submit-button{max-width:100%;box-sizing:border-box}.page-contact__support-detail a{white-space:normal;word-wrap:break-word}.page-contact__info-card a,.page-contact__support-detail a{color:#2F6BFF;text-decoration:none}.page-contact__info-card a:hover,.page-contact__support-detail a:hover{text-decoration:underline}@media (max-width:1024px){.page-contact__info-grid{gap:20px}.page-contact__support-row{gap:24px}.page-contact__support-row img{max-width:360px}}@media (max-width:768px){.page-contact{padding-left:16px;padding-right:16px;box-sizing:border-box}.page-contact__hero-section{padding-top:0}.page-contact__hero-content{padding:20px 16px}.page-contact__hero-content h1{font-size:1.5rem;line-height:1.35}.page-contact__hero-content p{font-size:0.95rem;line-height:1.6}.page-contact__cta-button,.page-contact__submit-button,.page-contact__promo-button{width:100%;max-width:100%!important;text-align:center;padding:14px 20px;white-space:normal;word-wrap:break-word;box-sizing:border-box}.page-contact__info-grid{grid-template-columns:1fr;gap:16px}.page-contact__info-card,.page-contact__support-section,.page-contact__form-wrap,.page-contact__form-aside{padding:24px 20px}.page-contact__support-row{flex-direction:column;align-items:stretch;gap:20px}.page-contact__support-row img{max-width:100%;aspect-ratio:2/1}.page-contact__form-section{flex-direction:column}.page-contact__form-aside{margin-top:0}.page-contact img{max-width:100%!important;height:auto!important}.page-contact__form-group input,.page-contact__form-group textarea,.page-contact__form-group select{padding:12px 12px;font-size:0.95rem}}