.page-contact{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#333333;background-color:#F5F7FA;max-width:100%;overflow-x:hidden;box-sizing:border-box} .page-contact *,.page-contact *::before,.page-contact *::after{box-sizing:border-box} .page-contact__hero-section{display:flex;padding:10px 16px 24px;max-width:1200px;width:100%;margin:0 auto} .page-contact__hero-image-wrapper{display:block;width:100%;flex-shrink:0} .page-contact__hero-image{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:16px} .page-contact__hero-content{width:100%;max-width:100%;margin-top:16px;text-align:center;background-color:#FFFFFF;padding:24px 16px;border-radius:16px;border:1px solid #E0E0E0} .page-contact__main-title{font-size:clamp(1.5rem, 4vw, 2.2rem);font-weight:800;line-height:1.3;letter-spacing:-0.01em;color:#333333;margin:0 0 12px;text-align:left;max-width:900px} .page-contact__hero-description{color:#333333;font-size:1rem;line-height:1.65;max-width:820px;margin:0 auto 20px;text-align:left} .page-contact__hero-cta{display:inline-block;background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#ffffff;font-weight:700;text-decoration:none;padding:13px 30px;border-radius:100px;font-size:1rem;width:auto;max-width:100%;overflow:hidden;word-wrap:break-word;white-space:normal;text-align:center} .page-contact__info-section{padding:20px 16px;max-width:1200px;width:100%;margin:0 auto} .page-contact__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch} .page-contact__info-card{background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease} .page-contact__info-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)} .page-contact__info-card-content{padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;height:100%} .page-contact__info-card-title{color:#E53935;font-size:1.2rem;font-weight:700;margin:0 0 8px} .page-contact__info-card-text{color:#333333;font-size:.9rem;line-height:1.6;margin:0 0 16px;flex-grow:1} .page-contact__info-card-link{display:inline-block;background:transparent;color:#E53935;font-weight:600;text-decoration:none;padding:0;font-size:.9rem;border-bottom:2px solid #E53935;white-space:normal;word-wrap:break-word} .page-contact__channels-section{display:flex;align-items:center;gap:24px;padding:20px 16px 32px;max-width:1200px;width:100%;margin:0 auto;flex-wrap:wrap} .page-contact__channels-image{width:100%;max-width:420px;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:12px;flex:1 1 280px} .page-contact__channels-content{flex:1 1 300px;min-width:260px;text-align:left} .page-contact__channels-title{color:#333333;font-size:1.6rem;font-weight:800;margin:0 0 12px} .page-contact__channels-text{color:#333333;font-size:.95rem;line-height:1.7;margin:0 0 20px} .page-contact__channels-button{display:inline-block;background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#ffffff;font-weight:700;text-decoration:none;padding:12px 28px;border-radius:100px;text-align:center;white-space:normal;word-wrap:break-word} .page-contact__faq-section{background-color:#ffffff;border-top:1px solid #E0E0E0;padding:32px 16px;margin-top:16px} .page-contact__faq-title{color:#E53935;font-weight:800;font-size:1.6rem;line-height:1.3;text-align:center;max-width:800px;margin:0 auto 24px} .page-contact__faq-list{max-width:860px;margin:0 auto} .page-contact__faq-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:10px;overflow:hidden;margin-bottom:10px} .page-contact__faq-question{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-weight:600;color:#333333;font-size:1rem;line-height:1.4} .page-contact__faq-question::-webkit-details-marker{display:none} .page-contact__faq-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#E53935;color:#ffffff;border-radius:50%;font-weight:700;font-size:1.2rem;flex:0 0 auto} .page-contact__faq-answer{color:#333333;padding:0 18px 18px;font-size:.9rem;line-height:1.65} .page-contact__guide-section{padding:28px 16px 48px;text-align:center} .page-contact__guide-title{color:#E53935;font-size:1.6rem;font-weight:800;max-width:700px;margin:0 auto 12px} .page-contact__guide-subtitle{color:#333333;font-size:1rem;max-width:650px;margin:0 auto 24px} .page-contact__guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;width:100%} .page-contact__guide-item{background:#ffffff;border:1px solid #E0E0E0;border-radius:12px;padding:24px 20px;text-align:center} .page-contact__guide-step{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#fff;font-weight:800;font-size:1rem;border-radius:14px;margin-bottom:16px} .page-contact__guide-item-title{color:#333333;font-weight:700;font-size:1.05rem;margin:0 0 8px} .page-contact__guide-item-text{color:#333333;font-size:.9rem;line-height:1.6;margin:0 auto} .page-contact__guide-cta{display:inline-block;background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);color:#fff;font-weight:700;text-decoration:none;padding:14px 34px;border-radius:100px;margin-top:28px;font-size:1rem;width:auto;max-width:100%;white-space:normal;word-wrap:break-word;overflow:hidden} @media (max-width: 1024px){.page-contact__info-grid{grid-template-columns:repeat(2,1fr)} .page-contact__guide-list{grid-template-columns:repeat(2,1fr)} .page-contact__channels-section{flex-direction:column}} @media (max-width: 768px){.page-contact{max-width:100%;overflow-x:hidden} .page-contact__hero-section{padding:8px 12px 20px;flex-direction:column} .page-contact__hero-image{aspect-ratio:2/1;min-height:auto} .page-contact__hero-content{padding:16px 12px} .page-contact__main-title{width:100%;font-size:clamp(1.2rem, 5.5vw, 1.6rem)} .page-contact__hero-description{width:100%;font-size:.9rem;margin-bottom:16px} .page-contact__hero-cta,.page-contact__channels-button,.page-contact__guide-cta{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding-left:16px;padding-right:16px} .page-contact__info-grid{grid-template-columns:1fr;width:100%} .page-contact__info-card-content{padding:20px 16px} .page-contact__channels-section{gap:16px;padding-left:12px;padding-right:12px} .page-contact__channels-image,.page-contact__channels-content{width:100%;max-width:100%;flex:0 0 auto} .page-contact__faq-title,.page-contact__guide-title,.page-contact__channels-title{font-size:1.25rem} .page-contact__guide-list{grid-template-columns:1fr;width:100%;gap:16px} .page-contact__guide-item{padding:18px 14px} .page-contact__guide-step{width:46px;height:46px;font-size:.9rem} .page-contact__faq-question{font-size:.95rem;padding:14px} .page-contact__faq-question span:first-child{flex:1} .page-contact .page-contact__channels-image,.page-contact .page-contact__hero-image{max-width:100% !important;height:auto !important}}