.page-contact{color:#333333;background-color:#FFFFFF}.page-contact__hero-section{padding:10px 0 0;background:linear-gradient(135deg,#017439 0%,#FFFFFF 100%)}.page-contact__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.page-contact__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;margin:0 auto}.page-contact__hero-content{max-width:1200px;margin:0 auto;padding:16px 16px 32px;text-align:center}.page-contact__hero-title{font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:#017439;max-width:800px;margin:0 auto 12px}.page-contact__hero-subtitle{font-size:1.1rem;line-height:1.6;color:#2d3748;max-width:700px;margin:0 auto}.page-contact__quick-contact{padding:40px 16px;background-color:#FFFFFF}.page-contact__quick-contact-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.page-contact__quick-contact-item{background:#f7fafc;border:1px solid #e2e8f0;border-left:4px solid #017439;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:box-shadow 0.3s ease}.page-contact__quick-contact-item:hover{box-shadow:0 4px 12px rgba(1,116,57,0.1)}.page-contact__quick-contact-title{font-size:1.25rem;font-weight:700;color:#017439;margin:0;line-height:1.4}.page-contact__quick-contact-desc{font-size:1rem;line-height:1.65;color:#4a5568;margin:0}.page-contact__quick-contact-link{display:inline-block;padding:10px 20px;border-radius:8px;background-color:#C30808;color:#FFFF00;font-weight:600;text-decoration:none;text-align:center;transition:opacity 0.3s ease;width:auto;align-self:flex-start;flex-wrap:wrap}.page-contact__quick-contact-link:hover{opacity:0.85}.page-contact__form-section{padding:48px 16px;background-color:#f7fafc}.page-contact__form-section-inner{max-width:720px;margin:0 auto}.page-contact__form-header{margin-bottom:24px;text-align:center}.page-contact__form-title{color:#017439;font-size:1.75rem;margin:0 0 8px;line-height:1.3}.page-contact__form-subtitle{color:#556b85;font-size:1rem;line-height:1.6;margin:0}.page-contact__form{display:flex;flex-direction:column;gap:16px;background:#FFFFFF;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.page-contact__form-group{display:flex;flex-direction:column;gap:4px;width:100%;max-width:100%;box-sizing:border-box}.page-contact__form-label{font-weight:600;color:#2d3748;font-size:0.875rem}.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{width:100%;max-width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;background-color:#FFFFFF;transition:border-color 0.3s ease,box-shadow 0.3s ease}.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-textarea:focus{outline:none;border-color:#017439;box-shadow:0 0 0 3px rgba(1,116,57,0.2)}.page-contact__form-textarea{resize:vertical;min-height:120px;font-family:inherit}.page-contact__form-submit{background-color:#017439;color:#FFFFFF;font-weight:700;font-size:1rem;padding:14px 28px;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;align-self:flex-start;white-space:normal;word-wrap:break-word;box-sizing:border-box}.page-contact__form-submit:hover{background-color:#015d30}.page-contact__form-submit:focus{outline:none;box-shadow:0 0 0 3px rgba(1,116,57,0.3)}.page-contact__form-message{margin-top:16px;padding:12px 16px;border-radius:8px;background-color:#e6fffa;border:1px solid #10b981;color:#0f5c3a;text-align:center}.page-contact__faq-section{padding:48px 16px;background-color:#FFFFFF}.page-contact__faq-section-inner{max-width:900px;margin:0 auto}.page-contact__faq-title{color:#017439;font-size:1.75rem;text-align:center;margin-bottom:32px;line-height:1.3}.page-contact__faq-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.page-contact__faq-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.page-contact__faq-question{list-style:none;padding:16px 20px;font-weight:600;color:#1a202c;cursor:pointer;display:flex;align-items:center;gap:12px;line-height:1.5}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#017439;color:#FFFFFF;border-radius:50%;font-size:1rem;flex-shrink:0}.details-open .page-contact__faq-icon{background-color:#C30808}.page-contact__faq-answer{padding:0 20px 16px;color:#4a5568;font-size:0.9375rem;line-height:1.65;margin:0;background:#f7fafc;margin-left:56px}.page-contact__cta-banner{padding:32px 16px}.page-contact__cta-banner-inner{max-width:900px;margin:0 auto;background:linear-gradient(90deg,#017439,#016930);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:900px;box-sizing:border-box}.page-contact__cta-banner-title{color:#FFFFFF;font-size:1.5rem;font-weight:800;line-height:1.4;margin:0 0 8px}.page-contact__cta-banner-desc{color:#E2E8F0;font-size:1rem;line-height:1.6;margin:0 0 24px}.page-contact__cta-banner-actions{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-contact__cta-banner-btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:700;text-decoration:none;font-size:1rem;text-align:center;cursor:pointer;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:opacity 0.3s ease}.page-contact__cta-banner-btn:hover{opacity:0.85}.page-contact__cta-banner-btn--register{background-color:#C30808;color:#FFFF00;border:1px solid #C30808}.page-contact__cta-banner-btn--login{background-color:transparent;color:#FFFF00;border:2px solid #FFFF00}.img-placeholder{background-color:#f7fafc;display:flex;align-items:center;justify-content:center;min-width:200px;min-height:200px}.page-contact img, .page-contact__hero-image, .page-contact__hero-image-wrap img{border-radius:12px}@media (max-width: 1024px){.page-contact__hero-section{padding:10px 0 0}.page-contact__hero-content{padding:16px 24px 32px}.page-contact__hero-image{aspect-ratio:17/5}}@media (max-width: 768px){.page-contact{padding:0;overflow-x:hidden}.page-contact__hero-section{padding-top:10px}.page-contact__hero-section img{max-width:100%!important;height:auto!important}.page-contact__hero-image{aspect-ratio:2/1;width:100%;max-width:100%!important;height:auto!important}.page-contact__quick-contact-inner{grid-template-columns:1fr}.page-contact__form-section-inner{width:100%;max-width:100%;box-sizing:border-box}.page-contact__form-desc{padding:0 12px}.page-contact__form{padding:20px}.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{max-width:100%!important;box-sizing:border-box}.page-contact__form-submit{width:100%;max-width:100%}.page-contact__cta-banner-inner{width:100%}.page-contact__cta-banner-actions{margin-top:0;width:100%;max-width:100%;flex-direction:column;align-items:stretch}.page-contact__cta-banner-btn{display:block;width:100%;max-width:100%}.page-contact__faq-answer{margin-left:0;padding:16px}.page-contact img{max-width:100%!important;height:auto!important}}