.page-contact{color:#ffffff;background-color:#0D0E12;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.page-contact *,.page-contact *:before,.page-contact *:after{box-sizing:border-box}
.page-contact img{max-width:100%;height:auto;border:0}
.page-contact a{text-decoration:none}
.page-contact__hero-section{padding-top:10px;background:linear-gradient(180deg,#17191F 0%,#0D0E12 100%);display:flex;flex-direction:column;align-items:center}
.page-contact__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}
.page-contact__hero-image{width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:8px}
.page-contact__hero-content{width:100%;max-width:1200px;text-align:center;padding:16px 16px 24px;display:flex;flex-direction:column;align-items:center}
.page-contact__hero-title{color:#FFF3E6;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.25;letter-spacing:0.5px;max-width:900px;margin:0 0 10px}
.page-contact__hero-desc{color:#FFB04D;font-size:1rem;line-height:1.6;max-width:800px;margin:0 0 18px}
.page-contact__hero-cta{display:inline-block;padding:14px 36px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#ffffff;font-weight:700;font-size:1rem;border-radius:6px;border:1px solid #A84F0C;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:all 0.3s ease}
.page-contact__hero-cta:hover{opacity:0.9;transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,176,77,0.3)}
.page-contact__methods-section{padding:24px 16px}
.page-contact__section-title{color:#FFF3E6;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;text-align:center;margin:0 0 12px}
.page-contact__section-desc{color:#ffffff;font-size:0.95rem;line-height:1.6;text-align:center;max-width:900px;margin:0 auto 24px}
.page-contact__methods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}
.page-contact__method-card{background:#17191F;border:1px solid #A84F0C;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .3s ease}
.page-contact__method-card:hover{box-shadow:0 4px 16px rgba(255,141,26,0.15)}
.page-contact__method-icon{width:100%;max-width:280px;height:auto;aspect-ratio:400/200;object-fit:cover;border-radius:6px;margin-bottom:12px}
.page-contact__method-title{color:#FFA53A;font-size:1.05rem;font-weight:700;margin:0 0 8px}
.page-contact__method-text{color:#ffffff;font-size:0.85rem;line-height:1.5;margin:0 0 14px;flex-grow:1}
.page-contact__method-btn{display:inline-block;padding:10px 24px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#ffffff;font-weight:600;font-size:0.9rem;border-radius:4px;border:1px solid #A84F0C;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:all .3s ease}
.page-contact__method-btn:hover{opacity:0.9}
.page-contact__form-section{display:flex;flex-direction:row;gap:32px;max-width:1200px;margin:0 auto;padding:24px 16px}
.page-contact__form-container{flex:1;background:#17191F;border:1px solid #A84F0C;border-radius:8px;padding:24px}
.page-contact__form-title{color:#FFA53A;font-size:1.3rem;font-weight:700;margin:0 0 8px}
.page-contact__form-desc{color:#ffffff;font-size:0.9rem;line-height:1.5;margin:0 0 20px}
.page-contact__form-group{margin-bottom:16px}
.page-contact__form-label{display:block;color:#FFB04D;font-weight:600;font-size:0.85rem;margin-bottom:6px}
.page-contact__form-input,.page-contact__form-select,.page-contact__form-message{width:100%;background:#0D0E12;border:1px solid #A84F0C;color:#ffffff;border-radius:4px;padding:12px;font-size:0.95rem;font-family:inherit}
.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-message:focus{outline:none;border-color:#FF8C1A;box-shadow:0 0 0 3px rgba(255,141,26,0.2)}
.page-contact__form-input::placeholder,.page-contact__form-message::placeholder{color:#D0DDE7;opacity:0.7}
.page-contact__form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FF8C1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.page-contact__form-select option{background:#17191F;color:#ffffff}
.page-contact__form-message{resize:vertical;min-height:120px}
.page-contact__form-submit{display:block;width:100%;padding:14px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#ffffff;font-weight:700;font-size:1rem;border:none;border-radius:6px;cursor:pointer;border:1px solid #A84F0C;transition:all .3s ease}
.page-contact__form-submit:hover{opacity:0.9}
.page-contact__form-note{color:#D0DDE7;font-size:0.8rem;line-height:1.4;text-align:center;margin:12px 0 0}
.page-contact__join-section{width:320px;background:linear-gradient(135deg,#FF8C1A 0%,#D96800 100%);border-radius:8px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.page-contact__join-title{color:#ffffff;font-size:1.2rem;font-weight:800;line-height:1.4;margin:0 0 12px}
.page-contact__join-text{color:#FFF3E6;font-size:0.85rem;line-height:1.6;margin:0 0 18px}
.page-contact__join-btn{display:inline-block;padding:12px 30px;background:#0D0E12;color:#FF8C1A;font-weight:700;font-size:1rem;border-radius:6px;border:2px solid #ffffff;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:all .3s ease}
.page-contact__join-btn:hover{background:#17191F}
.page-contact__guide-section{padding:24px 16px 48px}
.page-contact__guide-container{max-width:1200px;margin:0 auto}
.page-contact__guide-title{color:#FFA53A;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;text-align:center;margin:0 0 24px}
.page-contact__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.page-contact__guide-figure{margin:0;display:flex;flex-direction:column;align-items:center}
.page-contact__guide-image{width:100%;max-width:600px;height:auto;aspect-ratio:800/400;object-fit:cover;border-radius:8px;border:1px solid #A84F0C}
.page-contact__guide-step{color:#FFB04D;font-size:0.9rem;line-height:1.5;text-align:center;margin-top:10px;font-weight:500}
@media (max-width:1024px){
  .page-contact__methods-grid{grid-template-columns:repeat(2,1fr)}
  .page-contact__form-section{flex-direction:column}
  .page-contact__join-section{width:100%;max-width:600px;margin:0 auto}
  .page-contact__guide-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .page-contact__hero-section{padding-top:8px}
  .page-contact__hero-image{aspect-ratio:2/1}
  .page-contact__hero-content{padding:14px 12px 20px}
  .page-contact__hero-title{font-size:clamp(1.2rem,5vw,1.6rem)}
  .page-contact__hero-desc{font-size:0.9rem}
  .page-contact__hero-cta{width:100%;max-width:100%;padding:12px 16px}
  .page-contact__methods-section{padding:18px 12px}
  .page-contact__methods-grid{grid-template-columns:1fr;gap:16px}
  .page-contact__method-card{padding:14px}
  .page-contact__method-btn{width:100%;max-width:100%;padding:10px 16px}
  .page-contact__form-section{padding:18px 12px}
  .page-contact__form-container{padding:16px}
  .page-contact__form-title{font-size:1.1rem}
  .page-contact__form-desc{font-size:0.85rem}
  .page-contact__form-input,.page-contact__form-select,.page-contact__form-message{padding:10px;font-size:0.9rem}
  .page-contact__form-submit{width:100%;max-width:100%;padding:12px}
  .page-contact__form-note{font-size:0.75rem}
  .page-contact__join-section{padding:20px 16px}
  .page-contact__join-title{font-size:1rem}
  .page-contact__join-text{font-size:0.8rem}
  .page-contact__join-btn{width:100%;max-width:100%;padding:10px 16px}
  .page-contact__guide-section{padding:18px 12px 36px}
  .page-contact__guide-title{font-size:clamp(1.1rem,4.5vw,1.4rem)}
  .page-contact__guide-grid{grid-template-columns:1fr;gap:20px}
  .page-contact__guide-step{font-size:0.85rem}
  .page-contact img{max-width:100% !important;height:auto !important}
  .page-contact{overflow-x:hidden;max-width:100%}
  .page-contact__method-icon,.page-contact__guide-image{width:100%;max-width:100%}
}