.page-contact{background:#08160F;color:#F2FFF6;max-width:100%;overflow-x:hidden}.page-contact__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px 16px}.page-contact__hero-bg{background:#0A4B2C;border:1px solid #2E7A4E;border-radius:20px;overflow:hidden;box-shadow:0 0 30px rgba(87,227,141,0.1)}.page-contact__hero-image-wrap{margin:0}.page-contact__hero-image{display:block;width:100%;height:auto;object-fit:cover;max-height:300px}.page-contact__hero-content{padding:25px 30px 30px;text-align:center}.page-contact__hero-title{color:#F2FFF6;font-size:clamp(1.5rem, 3vw, 2rem);font-weight:800;line-height:1.3;margin:0;padding-bottom:10px}.page-contact__hero-subtitle{color:#A7D9B8;font-size:1rem;max-width:800px;line-height:1.8;margin:0 auto 24px}.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.page-contact__cta-button,.page-contact__submit-button,.page-contact__chat-button{display:inline-block;background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#052012;font-weight:700;text-decoration:none;padding:14px 28px;border:none;border-radius:999px;cursor:pointer;font-size:1rem;text-align:center;transition:transform 0.2s, box-shadow 0.2s;box-shadow:0 4px 15px rgba(42,209,111,0.3)}.page-contact__cta-button:hover,.page-contact__submit-button:hover,.page-contact__chat-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(87,227,141,0.6)}.page-contact__cta-button--ghost{background:transparent;color:#A7D9B8;border:2px solid #2E7A4E;box-shadow:none}.page-contact__cta-button--ghost:hover{background:rgba(87,227,141,0.1);color:#F2FFF6}.page-contact__cta-button--gold{background:linear-gradient(145deg, #F2C14E, #d49a2a);color:#201800;box-shadow:0 4px 15px rgba(242,193,78,0.3)}.page-contact__cta-button--gold:hover{box-shadow:0 6px 25px rgba(242,193,78,0.6)}.page-contact__cta-button--large{padding:16px 38px;font-size:1.1rem}.page-contact__info-section,.page-contact__faq-section,.page-contact__form-section,.page-contact__cta-section{max-width:1200px;margin:0 auto;padding:50px 16px}.page-contact__section-title{color:#F2FFF6;text-align:center;font-size:1.8rem;font-weight:700;margin:0 0 10px}.page-contact__section-desc{color:#A7D9B8;text-align:center;max-width:850px;margin:0 auto 40px;font-size:1.1rem;line-height:1.7}.page-contact__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.page-contact__info-card{background:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column}.page-contact__info-heading{margin-bottom:10px}.page-contact__info-title{color:#F2FFF6;font-size:1.2rem;margin:0 0 6px}.page-contact__info-hotline{color:#57E38D;font-weight:700;margin:0}.page-contact__info-desc{color:#A7D9B8;font-size:1rem;line-height:1.7;margin:0 auto 20px}.page-contact__text-link{color:#2AD16F;font-weight:700;text-decoration:none;margin-top:auto;border-bottom:2px solid transparent;padding-bottom:4px;display:inline-block;transition:all 0.2s}.page-contact__text-link:hover{border-bottom-color:#57E38D;color:#F2FFF6}.page-contact__faq-section{border-top:1px solid #1E3A2A}.page-contact__faq-list{max-width:900px;margin:0 auto}.page-contact__faq-item{background:#11271B;border:1px solid #2E7A4E;border-radius:12px;margin-bottom:12px;overflow:hidden}.page-contact__faq-item summary{color:#F2FFF6;font-weight:600;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;gap:8px;padding:16px 20px;list-style-type:none;transition:background-color 0.2s}.page-contact__faq-item summary::-webkit-details-marker{display:none}.page-contact__faq-item summary:hover .page-contact__faq-answer{color:#A7D9B8;padding:0 20px 20px;line-height:1.7;font-size:1rem}.page-contact__faq-item[open] summary{color:#57E38D}.page-contact__faq-item[open] summary span[data-faq-toggle]{color:inherit}.page-contact__faq-question span{color:#57E38D;font-size:1.5rem;font-weight:400;min-width:20px;transition:transform .2s}.page-contact__faq-item[open] .page-contact__faq-question span{transform:rotate(45deg)}.page-contact__faq-answer{color:#A7D9B8;padding:0 20px 20px;line-height:1.8;margin:0}.page-contact__form-section{border-top:1px solid #1E3A2A}.page-contact__form{background:#11271B;border:2px solid #2E7A4E;border-radius:16px;max-width:700px;margin:0 auto;padding:30px}.page-contact__form-group{margin-bottom:18px}.page-contact__form-label{display:block;margin-bottom:6px;color:#F2FFF6;font-weight:600}.page-contact__form-input{background:#08160F;border:1px solid #2E7A4E;border-radius:8px;color:#F2FFF6;padding:13px 16px;width:100%;box-sizing:border-box;font-family:inherit;font-size:0.95rem;transition:border-color 0.2s}.page-contact__form-input:focus{outline:none;border-color:#57E38D}.page-contact__form-input::placeholder{color:#A7D9B8;opacity:0.7}.page-contact__form-input select{appearance:none}.page-contact__form-input textarea{resize:vertical}.page-contact__form-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:20px}.page-contact__submit-button,.page-contact__chat-button{font-size:1rem}.page-contact__chat-button{background:#11271B;border:2px solid #F2C14E;color:#F2C14E;color:#F2C14E}.page-contact__chat-button:hover{background:rgba(242,193,78,0.25);color:#F2C14E;box-shadow:0 4px 15px rgba(242,193,78,0.2)}.page-contact__cta-section{background:#0A4B2C;text-align:center;border-top:1px solid #2E7A4E;border-bottom:1px solid #1E3A2A;max-width:1200px;border-radius:20px;margin:20px auto;padding:50px 60px;box-shadow:inset 0 0 50px rgba(0,0,0,0.4)}.page-contact__cta-title{color:#F2FFF6;font-size:1.9rem;font-weight:700;margin:0 0 12px}.page-contact__cta-desc{color:#A7D9B8;font-size:1.1rem;line-height:1.8;max-width:1000px;margin:0 auto 25px}.page-contact__cta-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.page-contact__cta-actions .page-contact__cta-button{min-width:180px}.page-content{padding:0}.page-contact__form-actions{flex-wrap:wrap}.page-contact__hero-actions{flex-wrap:wrap}.page-contact__cta-actions{flex-wrap:wrap}.page-contact__form-input option {background-color:#08160F}.page-contact__faq-item summary:hover{background:rgba(10,64,36,0.6)}.page-contact__faq-item summary:focus-visible{outline:2px solid #9a3f1b}.page-contact__faq-item[open] summary{background:rgba(10,64,36,0.6)}.page-contact__faq-item[open] .page-contact__faq-answer{animation:page-contact__fadeIn .3s ease-in}.page-contact__hero-actions ,.page-contact__cta-actions{flex-wrap:wrap}.page-contact__header-patch table,tr{margin:auto} @keyframes page-contact__fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} @media (max-width: 768px){.page-contact__hero-section{padding:8px 10px 14px}.page-contact__hero-bg{border-radius:20px}.page-contact__hero-image-wrap{margin-bottom:0}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-content{padding:18px 16px 20px}.page-contact__hero-title{font-size:1.1rem;line-height:1.4}.page-contact__hero-subtitle{font-size:0.9rem;line-height:1.6;margin-bottom:18px}.page-contact__hero-actions,.page-contact__cta-actions,.page-contact__form-actions{flex-direction:column}.page-contact__cta-button,.page-contact__submit-button,.page-contact__chat-button{max-width:100%;width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;display:block;text-align:center;padding:13px 20px}.page-contact__cta-button--large{padding:13px 20px}.page-contact__info-section,.page-contact__faq-section,.page-contact__form-section,.page-contact__cta-section{max-width:100%;width:100%;box-sizing:border-box;padding:25px 12px}.page-contact__info-grid{grid-template-columns:1fr;gap:12px}.page-contact__section-title{font-size:1.4rem}.page-contact__section-desc{font-size:1rem;margin-bottom:20px}.page-contact__info-title{font-size:1.1rem}.page-contact__cta-title{font-size:1.3rem}.page-contact__cta-desc{font-size:0.95rem}.page-contact__faq-item summary{font-size:0.95rem}.page-contact__faq-item summary span[data-faq-toggle]{font-size:1.2rem}.page-contact__faq-answer, .page-contact__faq-item[open] .page-contact__faq-answer{font-size:0.9rem}.page-contact__cta-section{margin:10px auto;padding:25px 16px}.page-contact img{max-width:100%;height:auto}.page-contact__info-card,.page-contact__faq-item,.page-contact__form{max-width:100%;box-sizing:border-box}.page-contact__text-link{display:block;width:100%;text-align:center}}.page-contact__hero-actions a{color:var(--color-gold, #F2C14E)}.page-contact__cta-button{color:#E8FFF2 !important}.page-contact__cta-button > *{color:#ffffff}.page-contact__hero-section .page-contact__hero-subtitle { margin-bottom: 2rem }