.page-contact{color:#F3F8FF;background-color:#08162B;max-width:100%;overflow-x:hidden}.page-contact__hero-section{padding:10px 16px 20px}.page-contact__hero-image-wrap{width:100%;margin-bottom:20px}.page-contact__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-contact__hero-content{text-align:center}.page-contact__hero-title{font-weight:800;line-height:1.3;letter-spacing:0.5px;max-width:700px;margin:0 auto 12px;color:#F3F8FF}.page-contact__hero-description{color:#AFC4E8;max-width:720px;margin:0 auto 24px;line-height:1.8;font-size:1rem}.page-contact__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.page-contact__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#F3F8FF}.page-contact__btn--primary:hover{box-shadow:0 6px 24px rgba(79,168,255,.3);transform:translateY(-2px)}.page-contact__btn--secondary{background:transparent;color:#4FA8FF;border-color:#4FA8FF}.page-contact__btn--secondary:hover{background:rgba(79,168,255,.12);box-shadow:0 0 18px rgba(79,168,255,.25);transform:translateY(-2px)}.page-contact__info-section{padding:20px 16px 40px}.page-contact__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto}.page-contact__info-card{background-color:#10233F;border:1px solid #244D84;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.page-contact__info-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgba(79,168,255,.15)}.page-contact__info-card-img-wrap{width:100%}.page-contact__info-card-img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-contact__info-card-content{padding:16px;display:flex;flex-direction:column;flex:1;gap:8px}.page-contact__info-card-title{font-size:1.2rem;font-weight:700;color:#F3F8FF;margin:0}.page-contact__info-card-text{color:#AFC4E8;line-height:1.7;font-size:.95rem;margin:0 0 12px;flex:1}.page-contact__info-card-actions{display:flex;gap:12px;flex-wrap:wrap}.page-contact__form-section{padding:30px 16px 50px;background:linear-gradient(180deg,#0c1a33 0%,#08162B 100%)}.page-contact__form-wrap{max-width:700px;margin:0 auto;background-color:#10233F;border:1px solid #244D84;border-radius:20px;padding:32px}.page-contact__form-title{font-size:1.8rem;text-align:center;color:#F3F8FF;margin:0 0 12px}.page-contact__form-description{text-align:center;color:#AFC4E8;margin:0 0 30px}.page-contact__form{display:flex;flex-direction:column;gap:18px}.page-contact__form-group{display:flex;flex-direction:column;gap:6px}.page-contact__form-group--full{width:100%}.page-contact__form-label{color:#F3F8FF;font-weight:600;font-size:.9rem}.page-contact__form-input{background-color:#08162B;border:1px solid #244D84;border-radius:8px;padding:14px;color:#F3F8FF;font-size:1rem;transition:border-color .2s}.page-contact__form-input:focus{border-color:#4FA8FF;outline:none;box-shadow:0 0 0 3px rgba(79,168,255,.2)}.page-contact__form-select{background-color:#08162B;border:1px solid #244D84;border-radius:8px;padding:14px;color:#F3F8FF;font-size:1rem}.page-contact__form-select:focus{border-color:#4FA8FF;outline:none}.page-contact__form-input--textarea{min-height:140px;resize:vertical}.page-contact__btn--submit{width:auto;align-self:flex-start}.page-contact__brand-section{padding:20px 16px 40px}.page-contact__brand-header{text-align:center;margin-bottom:24px}.page-contact__brand-title{color:#F3F8FF}.page-contact__brand-description{color:#AFC4E8}.page-contact__brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;max-width:1200px;margin:0 auto}.page-contact__brand-logo{display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#10233F;border-radius:12px;padding:12px;border:1px solid #244D84}.page-contact__brand-logo-img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;display:block}.page-contact__brand-logo:nth-child(5){grid-column:2}.page-contact__brand-logo:nth-child(6){grid-column:3}.page-contact__brand-logo-text{color:#AFC4E8;font-weight:600;font-size:.85rem;text-align:center}.page-contact__guide-section{padding:20px 0 40px}.page-contact__guide-title{text-align:center;color:#F3F8FF;margin-top:0}.page-contact__guide-list{max-width:1000px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:30px}.page-contact__guide-figure{margin:0;background-color:#10233F;border:1px solid #244D84;border-radius:16px;overflow:hidden}.page-contact__guide-img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-contact__guide-caption{padding:16px}.page-contact__guide-caption-title{margin:0 0 8px}.page-contact__guide-caption-title a{color:#F3F8FF;text-decoration:none;transition:color .2s}.page-contact__guide-caption-title a:hover{color:#F2C14E}.page-contact__guide-caption-text{color:#AFC4E8;margin:0;line-height:1.7}.page-contact__faq-section{padding:10px 16px 50px;max-width:900px;margin:0 auto}.page-contact__faq-title{text-align:center;color:#F3F8FF}.page-contact__faq-item{border:1px solid #244D84;background-color:#10233F;border-radius:12px;margin-bottom:12px;overflow:hidden}.page-contact__faq-details{width:100%}.page-contact__faq-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;list-style:none;color:#F3F8FF;font-weight:600;gap:12px;transition:background-color .2s}.page-contact__faq-summary:hover{background-color:#1B3357}.page-contact__faq-summary::-webkit-details-marker{display:none}.page-contact__faq-question{line-height:1.4}.page-contact__faq-toggle{background-color:#4FA8FF;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#08162B;font-weight:700;flex-shrink:0;transition:transform .2s,background-color .2s}.page-contact__faq-item[open] .page-contact__faq-summary{background-color:#1B3357}.page-contact__faq-item[open] .page-contact__faq-toggle{transform:rotate(45deg)}.page-contact__faq-answer{padding:8px 16px 16px;color:#AFC4E8;line-height:1.7;border-top:1px solid #244D84}.page-contact__cta-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;gap:10px;padding:40px 16px;background:linear-gradient(180deg,#10233F 0%,#1B3357 50%,#10233F 100%)}.page-contact__cta-title{color:#F3F8FF;text-align:center}.page-contact__cta-text{color:#AFC4E8;text-align:center;max-width:600px}.page-contact__cta-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}@media (max-width:1024px){.page-contact__info-grid{grid-template-columns:repeat(2,1fr)}.page-contact__brand-grid{grid-template-columns:repeat(2,1fr)}.page-contact__brand-logo:nth-child(5),.page-contact__brand-logo:nth-child(6){grid-column:auto}.page-contact__info-card-actions{flex-direction:column}}@media (max-width:768px){.page-contact__hero-section{padding:10px 8px 20px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-content{padding:10px 8px}.page-contact__hero-title{font-size:1.5rem}.page-contact__hero-description{font-size:.9rem}.page-contact__hero-actions{flex-direction:column}.page-contact__info-grid{grid-template-columns:1fr}.page-contact__info-card-title{font-size:1.1rem}.page-contact__info-card-text{font-size:.9rem}.page-contact__info-card-actions{flex-direction:row}.page-contact__brand-grid{grid-template-columns:repeat(2,1fr);gap:8px}.page-contact__brand-logo-text{font-size:.75rem}.page-contact__form-wrap{padding:16px}@media (max-width:480px){.page-contact__brand-logo-text{font-size:.7rem}.page-contact__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__hero-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-contact__cta-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}}.page-contact__hero-title{font-size:clamp(1.5rem,1.2rem+2vw,2.2rem)}.page-contact__form-title{font-size:clamp(1.3rem,1rem+1.5vw,1.8rem)}.page-contact .page-contact__guide-img{max-width:100%;height:auto}.page-contact .page-contact__info-card-img{max-width:100%;height:auto}.page-contact .page-contact__brand-logo-img{max-width:100%;height:auto}.page-contact .page-contact__hero-image{max-width:100%;height:auto}.page-contact .page-contact__form-input{max-width:100%;height:auto}}