.page-contact{max-width:100%;overflow-x:hidden;color:#333}.page-contact__hero-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 20px 20px;background:#F4F7FB;max-width:100%;box-sizing:border-box}.page-contact__hero-image-wrapper{width:100%;max-width:100%}.page-contact__hero-image{display:block;width:1020px;max-width:100%;height:auto;aspect-ratio:17/5;object-fit:cover}.page-contact__hero-content{width:100%;max-width:100%;box-sizing:border-box;padding:0}.page-contact__hero-title{font-size:clamp(1.4rem, 4vw, 2rem);line-height:1.3;font-weight:800;color:#1F2D3D;margin:0 0 6px}.page-contact__hero-description{color:#45505e;font-size:1rem;margin:0 0 16px;max-width:100%}.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px}.page-contact__btn{display:inline-block;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:700;border:none;cursor:pointer;text-align:center;transition:all .3s ease;max-width:100%;box-sizing:border-box;white-space:nowrap}.page-contact__btn-primary{background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#fff;box-shadow:0 4px 15px rgba(47,107,255,.4)}.page-contact__btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(47,107,255,.5)}.page-contact__btn-secondary{background:#fff;color:#2F6BFF;border:2px solid #2F6BFF}.page-contact__btn-secondary:hover{background:#eef4ff}.page-contact__contact-section{padding:48px 20px;background:#fff}.page-contact__section-title{text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#1F2D3D;margin:0 0 10px}.page-contact__section-subtitle{text-align:center;color:#5a6a7a;font-size:1rem;margin:0 0 36px;max-width:640px;margin-left:auto;margin-right:auto}.page-contact__contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-contact__contact-card{background:#fff;border:1px solid #D6E2FF;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(47,107,255,.06)}.page-contact__contact-card:hover{box-shadow:0 8px 24px rgba(47,107,255,.15);transform:translateY(-2px)}.page-contact__contact-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5em;margin:0 auto 16px}.page-contact__contact-icon--chat{background:#e7f0ff}.page-contact__contact-icon--community{background:#e6f9f0}.page-contact__contact-icon--guide{background:#fff3e0}.page-contact__contact-card-title{color:#1F2D3D;font-size:1.1rem;font-weight:800;margin:0 0 10px}.page-contact__contact-card-desc{color:#5a6a7a;font-size:.9rem;line-height:1.5;margin:0 0 16px;text-align:left}.page-contact__cta-link{display:inline-block;color:#2F6BFF;font-weight:700;text-decoration:none;font-size:.9rem}.page-contact__cta-link:hover{text-decoration:underline}.page-contact__feature-section{padding:48px 20px;background:#F4F7FB}.page-contact__feature-list{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.page-contact__feature-item{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#fff;border-radius:12px;border:1px solid #D6E2FF}.page-contact__feature-icon{width:56px;height:56px;border-radius:16px;background:#e7f0ff;display:flex;align-items:center;justify-content:center;font-size:1.4em;flex-shrink:0}.page-contact__feature-info{flex:1}.page-contact__feature-title{color:#1F2D3D;font-size:1.1rem;font-weight:800;margin:0 0 4px}.page-contact__feature-info p{color:#5a6a7a;font-size:.95rem;line-height:1.5;margin:0}.page-contact__guide-section{padding:48px 20px;background:#fff}.page-contact__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-contact__guide-card{background:#fff;border:1px solid #D6E2FF;border-radius:16px;overflow:hidden;transition:box-shadow .3s;display:flex;flex-direction:column}.page-contact__guide-card:hover{box-shadow:0 8px 24px rgba(47,107,255,.12)}.page-contact__guide-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.page-contact__guide-title{font-size:1.05rem;font-weight:700;color:#1F2D3D;margin:8px 0;padding:0 16px}.page-contact__guide-card p{color:#5a6a7a;font-size:.9rem;line-height:1.5;padding:0 16px;margin:0 0 12px;flex:1}.page-contact__guide-card .page-contact__cta-link{padding-left:16px;border-bottom:1px solid #D6E2FF;margin-top:auto;padding-bottom:12px}.page-contact__form-section{padding:48px 20px;background:#F4F7FB}.page-contact__form-wrapper{display:flex;gap:32px;align-items:flex-start;max-width:1100px;margin:0 auto;box-sizing:border-box}.page-contact__form{flex:1.4;background:#fff;padding:32px;border-radius:16px;border:1px solid #D6E2FF;max-width:100%;box-sizing:border-box}.page-contact__form-group{margin-bottom:20px}.page-contact__label{display:block;font-weight:700;color:#1F2D3D;margin-bottom:6px;font-size:.95rem}.page-contact__input,.page-contact__select,.page-contact__textarea{width:100%;padding:12px 16px;border:1px solid #D6E2FF;border-radius:8px;font-size:1rem;color:#1F2D3D;background:#fff;box-sizing:border-box;transition:border-color .3s}.page-contact__input:focus,.page-contact__select:focus,.page-contact__textarea:focus{outline:none;border-color:#2F6BFF;box-shadow:0 0 0 3px rgba(47,107,255,.15)}.page-contact__textarea{resize:vertical;min-height:120px}.page-contact__btn-submit{width:100%}.page-contact__form-note{flex:1;background:#fff;border:1px solid #D6E2FF;border-radius:16px;padding:28px;box-sizing:border-box}.page-contact__note-title{font-size:1.4rem;font-weight:700;color:#1F2D3D;margin:0 0 12px}.page-contact__note-text{color:#5a6a7a;line-height:1.6;margin:0 0 24px}.page-contact__faq-section{padding:48px 20px 24px;background:#fff}.page-contact__faq-list{display:flex;flex-direction:column;max-width:900px;margin:0 auto}.page-contact__faq-item{border:1px solid #D6E2FF;border-radius:12px;margin-bottom:12px;overflow:hidden}.page-contact__faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;font-weight:700;color:#1F2D3D;font-size:1rem;background:#f4f8ff;cursor:pointer;list-style:none}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-icon{width:24px;height:24px;border-radius:8px;background:#e7f0ff;color:#2F6BFF;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1em;flex-shrink:0}.page-contact__faq-item[open] .page-contact__faq-icon{background:#2F6BFF;color:#fff}.page-contact__faq-answer{padding:18px 16px;color:#5a6a7a;line-height:1.6;font-size:.95rem}.page-contact__faq-answer p{margin:0}.page-contact__cta-section{padding:48px 20px 64px;background:linear-gradient(180deg, #f4f8ff 0%, #e7f0ff 100%);text-align:center;box-sizing:border-box}.page-contact__cta-title{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;color:#1F2D3D;margin:0 auto 12px;max-width:700px}.page-contact__cta-text{font-size:1rem;color:#45505e;max-width:640px;margin:0 auto 24px;line-height:1.5}.page-contact__cta-actions{display:flex;justify-content:center;gap:16px;max-width:100%;flex-wrap:wrap}.page-contact__cta-section .page-contact__btn{min-width:180px}.page-contact img{max-width:100%;height:auto}@media (max-width:1024px){.page-contact__contact-grid{grid-template-columns:repeat(2,1fr)}.page-contact__guide-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-contact__hero-section{padding:8px 10px 16px}.page-contact__hero-image{aspect-ratio:16/7;width:100%}.page-contact__hero-title{font-size:1.2rem;line-height:1.2}.page-contact__hero-description{font-size:.9rem;margin-bottom:12px}.page-contact__hero-actions{flex-direction:column;gap:8px;width:100%}.page-contact__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word}.page-contact__contact-section,.page-contact__feature-section,.page-contact__guide-section,.page-contact__form-section,.page-contact__faq-section,.page-contact__cta-section{padding:32px 10px}.page-contact__contact-grid{grid-template-columns:1fr}.page-contact__contact-card{text-align:left}.page-contact__contact-card-title{text-align:center}.page-contact__contact-icon{margin:0 auto 12px}.page-contact__contact-card-desc,.page-contact__cta-link{text-align:left}.page-contact__form-wrapper{flex-direction:column;gap:16px;padding:0}.page-contact__form{padding:24px 16px}.page-contact__form-group{max-width:100%}.page-contact__form-note{padding:20px 16px}.page-contact__note-text{font-size:.9rem}.page-contact__cta-actions{flex-direction:column;gap:8px}.page-contact__cta-section .page-contact__btn{min-width:100%}.page-contact__guide-card{max-width:100%;margin:0 auto}.page-contact img{max-width:100% !important;height:auto !important}}