.page-contact{color:#333333}.page-contact__hero-section{max-width:1200px;margin:0 auto;padding-top:10px}.page-contact__hero-image{width:100%}.page-contact__hero-img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-contact__hero-content{max-width:1200px;margin:0 auto;text-align:center;padding-top:24px}.page-contact__hero-title{color:#017439;font-weight:700;line-height:1.3;letter-spacing:.5px;max-width:800px;margin:0 auto}.page-contact__hero-desc{max-width:700px;margin:16px auto 0;line-height:1.7}.page-contact__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.page-contact__btn-register{background:#C30808;color:#FFFF00;padding:12px 32px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block;max-width:100%;box-sizing:border-box}.page-contact__btn-login{background:#C30808;color:#FFFF00;padding:12px 32px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block;max-width:100%;box-sizing:border-box}.page-contact__support-section{background:#f5f5f5;margin-top:48px;padding-bottom:48px}.page-contact__support-inner{max-width:1200px;margin:0 auto;padding:16px}.page-contact__support-header{text-align:center;margin-bottom:32px}.page-contact__support-title{color:#017439;font-weight:700}.page-contact__support-desc{max-width:700px;margin:12px auto 0}.page-contact__support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.page-contact__support-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;display:flex}.page-contact__support-card-body{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.page-contact__support-card-title{color:#017439}.page-contact__support-card-desc{line-height:1.7;margin-bottom:16px;flex:1}.page-contact__btn-support{background:#017439;color:#fff;padding:12px 24px;border-radius:6px;font-weight:600;text-decoration:none;display:inline-block;max-width:100%;box-sizing:border-box}.page-contact__btn-faq{background:#017439;color:#fff;padding:12px 24px;border-radius:6px;font-weight:600;text-decoration:none;display:inline-block;max-width:100%;box-sizing:border-box}.page-contact__form-section{margin-top:48px}.page-contact__form-inner{max-width:800px;margin:0 auto;padding:16px}.page-contact__form-title{color:#017439;text-align:center}.page-contact__form-desc{text-align:center;max-width:600px;margin:12px auto 32px;line-height:1.7}.page-contact__form{background:#f9f9f9;padding:24px;border-radius:8px}.page-contact__form-group{margin-bottom:16px}.page-contact__form-label{display:block;margin-bottom:8px;font-weight:600}.page-contact__form-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px}.page-contact__form-textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px}.page-contact__form-actions{text-align:center}.page-contact__btn-submit{background:#C30808;color:#FFFF00;padding:14px 48px;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;max-width:100%;box-sizing:border-box}.page-contact__contact-section{margin-top:48px}.page-contact__contact-inner{max-width:1200px;margin:0 auto;padding:16px}.page-contact__contact-title{color:#017439;text-align:center}.page-contact__contact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.page-contact__contact-item{background:#f9f9f9;padding:24px;border-radius:8px}.page-contact__contact-item-title{color:#017439}.page-contact__contact-item-desc{line-height:1.7}.page-contact__faq-section{margin-top:48px;background:#f5f5f5;padding-bottom:48px}.page-contact__faq-inner{max-width:800px;margin:0 auto;padding:16px}.page-contact__faq-title{color:#017439;text-align:center;padding-top:32px;margin-bottom:24px}.page-contact__faq-item{background:#fff;border-radius:6px;margin-bottom:12px;overflow:hidden}.page-contact__faq-question{padding:16px 20px;cursor:pointer;font-weight:600;list-style:none}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-answer{padding:0 20px 16px;line-height:1.7}@media (max-width:768px){.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-actions{width:100%}.page-contact__btn-register,.page-contact__btn-login{width:100%;text-align:center;white-space:normal;word-wrap:break-word}.page-contact__support-grid{grid-template-columns:1fr}.page-contact__contact-list{grid-template-columns:1fr}.page-contact img{max-width:100%!important;height:auto!important}.page-contact{max-width:100%;overflow-x:hidden}}