.page-contact{color:#333333;max-width:100%;overflow-x:hidden;background-color:#140C0C}.page-contact__hero-section{padding-top:10px;background:linear-gradient(135deg,#7E0D0D 0%,#C61F1F 50%,#E53030 100%)}.page-contact__hero-banner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:16px}.page-contact__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:16/5;object-fit:cover;display:block;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.3)}.page-contact__hero-content{text-align:center;padding:24px 16px 8px;width:100%}.page-contact__hero-title{font-weight:800;line-height:1.3;letter-spacing:0.5px;color:#FFF1E8;max-width:900px;margin:0 auto 12px;font-size:clamp(1.5rem,3.5vw,2.5rem)}.page-contact__hero-description{color:#FFF1E8;max-width:700px;margin:0 auto 24px;font-size:1.1rem;line-height:1.7;opacity:0.9}.page-contact__hero-button,.page-contact__info-button,.page-contact__form-submit{background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%);color:#140C0C;font-weight:700;text-decoration:none;transition:all 0.3s ease;text-align:center}.page-contact__hero-button{display:inline-block;padding:14px 40px;border-radius:999px;font-size:1.05rem;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.page-contact__hero-button:hover,.page-contact__info-button:hover,.page-contact__form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);filter:brightness(1.05)}.page-contact__info-section,.page-contact__faq-section,.page-contact__commit-section{padding:48px 16px;background-color:#140C0C}.page-contact__section-title{color:#F3C54D;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#F3C54D,#E53030);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-contact__section-title--center{text-align:center}.page-contact__section-intro{color:#FFF1E8;opacity:0.85;max-width:1000px;margin:0 auto;line-height:1.7;font-size:1.05rem;text-align:center}.page-contact__section-intro--left{text-align:left;line-height:1.7;color:#FFF1E8;opacity:0.85}.page-contact__info-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:24px auto 0;flex-direction:row}.page-contact__info-card{background-color:#2A1212;border:1px solid #6A1E1E;border-radius:16px;padding:28px;max-width:340px;width:100%;box-sizing:border-box;flex:1}.page-contact__info-card--highlight{border-color:#F3C54D;box-shadow:0 0 20px rgba(243,197,77,0.2)}.page-contact__info-card-title{color:#F3C54D;font-size:1.25rem;font-weight:700;margin-bottom:12px}.page-contact__info-card-text{color:#FFF1E8;line-height:1.7;margin-bottom:20px;font-size:0.95rem}.page-contact__info-button{display:inline-block;padding:10px 24px;border-radius:999px;font-size:0.95rem}.page-contact__info-button--primary{background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%)}.page-contact__faq-list{max-width:850px;margin:32px auto 0}.page-contact__faq-item{background-color:#2A1212;border:1px solid #6A1E1E;border-radius:12px;margin-bottom:12px;overflow:hidden}.page-contact__faq-question{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;font-size:1rem;color:#FFF1E8;text-align:left}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-icon{color:#E53030;font-weight:700;font-size:1.5rem;transition:transform 0.3s ease;margin-left:15px;flex-shrink:0}.page-contact__faq-item[open] .page-contact__faq-icon{transform:rotate(45deg)}.page-contact__faq-answer{padding:0 20px 16px;color:#FFF1E8;opacity:0.8;line-height:1.7;text-align:left}.page-contact__form-section{padding:48px 16px;background-color:#1a0e0e;border-top:2px solid #6A1E1E}.page-contact__form-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;max-width:1100px;margin:0 auto}@media(max-width:768px){.page-contact__form-container{flex-direction:column}}.page-contact__form-image-wrapper{flex:1;min-width:0}@media(max-width:768px){.page-contact__form-image-wrapper{width:100%;text-align:center}}.page-contact__form-image{width:100%;max-width:500px;height:auto;object-fit:cover;border-radius:16px}@media(max-width:768px){.page-contact__form-image{max-width:100%}}.page-contact__form-content{flex:1;min-width:0}.page-contact__form{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.page-contact__form{width:100%}}.page-contact__form-group{display:flex;flex-direction:column}.page-contact__form-label{color:#F3C54D;font-weight:600;margin-bottom:6px;font-size:0.95rem}.page-contact__form-input,.page-contact__form-textarea{background-color:#2A1212;border:1px solid #6A1E1E;border-radius:8px;padding:12px 14px;color:#FFF1E8;font-size:1rem;width:100%;box-sizing:border-box}.page-contact__form-input:focus,.page-contact__form-textarea:focus{outline:none;border-color:#E53030;box-shadow:0 0 8px rgba(229,48,48,0.3)}.page-contact__form-textarea{resize:vertical}.page-contact__form-input::placeholder,.page-contact__form-textarea::placeholder{color:#FFF1E8;opacity:0.5}.page-contact__form-submit{border:none;cursor:pointer;padding:14px 30px;border-radius:999px;font-size:1rem;transition:all 0.3s ease;margin-top:4px;display:block;width:100%;max-width:250px;margin-left:auto;box-sizing:border-box}@media(max-width:768px){.page-contact__form-submit{max-width:100%;width:100%;padding:16px;white-space:normal;word-wrap:break-word}}.page-contact__commit-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:1100px;margin:0 auto}.page-contact__commit-item{background-color:#2A1212;border-left:4px solid #F3C54D;border-radius:12px;padding:20px;flex:1;min-width:220px}.page-contact__commit-title{color:#F3C54D;font-size:1.15rem;margin-bottom:10px}.page-contact__commit-text{color:#FFF1E8;line-height:1.7;font-size:0.95rem;opacity:0.85}@media(max-width:768px){.page-contact__hero-section{padding-top:16px}.page-contact__hero-banner{padding:8px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-title{font-size:clamp(1.2rem,5vw,2rem)}.page-contact__hero-description{font-size:0.95rem}.page-contact__info-section,.page-contact__faq-section,.page-contact__commit-section{padding:32px 16px}.page-contact__info-grid{flex-direction:column;align-items:center;gap:16px}.page-contact__info-card{max-width:100%;padding:20px}.page-contact__form-section{padding:32px 16px}.page-contact__form-container{gap:24px}.page-contact__faq-question{font-size:0.9rem;padding:12px 16px}.page-contact__faq-answer{padding:0 16px 12px;font-size:0.9rem}.page-contact__commit-list{gap:14px}.page-contact__commit-item{min-width:100%;padding:16px}.page-contact .page-contact__hero-image,.page-contact .page-contact__form-image,.page-contact .page-contact__hero-banner img{max-width:100%!important;height:auto!important}.page-contact__info-button{display:block;text-align:center;width:100%;max-width:100%}.page-contact__hero-button{margin:0 auto;display:block;max-width:100%}}