.page-contact{color:#F3F8FF;background-color:#08162B}.page-contact__hero-section{background:linear-gradient(180deg,#08162B 0%,#10233F 100%);padding:10px 16px 40px;display:flex;flex-direction:column;align-items:center}.page-contact__hero-image-wrapper{width:100%;max-width:1200px;margin-bottom:24px}.page-contact__hero-image{width:100%;height:auto;aspect-ratio:1024/400;object-fit:cover;display:block;border-radius:16px;box-shadow:0 8px 30px rgba(79,168,255,0.15)}.page-contact__hero-content{width:100%;max-width:760px;text-align:center}.page-contact__hero-title{font-size:clamp(1.4rem, 3vw, 2.4rem);font-weight:800;color:#F3F8FF;line-height:1.25;letter-spacing:-0.01em;margin:0 0 14px}.page-contact__hero-description{color:#AFC4E8;font-size:1.125rem;line-height:1.75;max-width:640px;margin:0 auto 28px}.page-contact__hero-cta-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;background:transparent}.page-contact__btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:all .3s ease;border:1px solid #244D84;color:#F3F8FF;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);box-shadow:0 4px 14px rgba(43,115,246,0.3)}.page-contact__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,168,255,0.4)}.page-contact__btn--secondary{background:transparent;color:#4FA8FF;border-color:#244D84}.page-contact__btn--secondary:hover{background:rgba(79,168,255,0.1)}.page-contact__btn--submit{width:100%;max-width:320px;cursor:pointer;border:none;margin-top:8px}.page-contact__info-section,.page-contact__faq-section,.page-contact__form-section,.page-contact__blog-section,.page-contact__note-section{max-width:1200px;margin:0 auto;padding:48px 16px}.page-contact__section-title{color:#F3F8FF;font-size:clamp(1.5rem, 2.5vw, 2.1rem);text-align:center;margin-bottom:12px;line-height:1.3}.page-contact__section-desc{color:#AFC4E8;text-align:center;max-width:680px;margin:0 auto 36px;line-height:1.7}.page-contact__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-contact__info-card{background:#10233F;border:1px solid #244D84;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.page-contact__info-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(79,168,255,0.15)}.page-contact__info-card-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-bottom:1px solid #244D84}.page-contact__info-card-title{color:#F2C14E;font-size:1.2rem;margin:16px 16px 8px}.page-contact__info-card p{color:#AFC4E8;font-size:0.95rem;padding:0 16px 20px;line-height:1.6}.page-contact__faq-list{max-width:820px;margin:0 auto}.page-contact__faq-item{background:#10233F;border:1px solid #244D84;border-radius:12px;margin-bottom:12px;overflow:hidden}.page-contact__faq-question{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;font-weight:700;color:#F3F8FF;font-size:1.05rem}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid #244D84;color:#4FA8FF;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:400}.page-contact__faq-answer{padding:0 20px 18px 60px;color:#AFC4E8;line-height:1.7;margin:0}.page-contact__form{max-width:640px;margin:0 auto 32px;background:#10233F;border:1px solid #244D84;border-radius:16px;padding:28px}.page-contact__form-group{margin-bottom:20px}.page-contact__form-label{display:block;color:#F3F8FF;font-weight:600;margin-bottom:8px;font-size:0.95rem}.page-contact__form-input,.page-contact__form-textarea{width:100%;background:#08162B;border:1px solid #244D84;border-radius:8px;color:#F3F8FF;padding:12px 16px;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease}.page-contact__form-input:focus,.page-contact__form-textarea:focus{outline:none;border-color:#4FA8FF}.page-contact__form-input::placeholder,.page-contact__form-textarea::placeholder{color:#AFC4E8;opacity:0.6}.page-contact__form-cta{text-align:center;max-width:640px;margin:0 auto}.page-contact__form-cta p{color:#AFC4E8;margin-bottom:16px}.page-contact__blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.page-contact__blog-card{background:#10233F;border:1px solid #244D84;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.page-contact__blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(79,168,255,0.15)}.page-contact__blog-card-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-bottom:1px solid #244D84}.page-contact__blog-card-title{color:#F3F8FF;font-size:1.05rem;line-height:1.4;margin:16px 16px 8px;text-align:center}.page-contact__blog-card-title a{color:#F3F8FF;text-decoration:none;transition:color .3s ease}.page-contact__blog-card-title a:hover{color:#4FA8FF}.page-contact__blog-card-excerpt{color:#AFC4E8;font-size:0.9rem;padding:0 16px 16px;line-height:1.5;text-align:center;margin:0}.page-contact__blog-viewall{text-align:center}.page-contact__note-list{max-width:800px;margin:0 auto;background:#10233F;border:1px solid #244D84;border-radius:16px;padding:28px 32px;list-style:none;color:#AFC4E8;line-height:1.8}.page-contact__note-list li{padding:8px 0;padding-left:24px;position:relative;color:#F3F8FF}.page-contact__note-list li::before{content:"✓";position:absolute;left:0;color:#F2C14E;font-weight:700}.page-contact__note-list li{color:#AFC4E8}@media (max-width:1024px){.page-contact__info-grid{grid-template-columns:repeat(2,1fr)}.page-contact__blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-contact{overflow-x:hidden;max-width:100%}.page-contact__hero-section{flex-direction:column;align-items:center;padding:10px 12px 32px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-content{width:100%;max-width:100%}.page-contact__hero-title{font-size:clamp(1.2rem, 4vw, 1.6rem)}.page-contact__hero-description{font-size:0.95rem}.page-contact__hero-cta-group{flex-direction:column;width:100%}.page-contact__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 20px}.page-contact__info-grid,.page-contact__blog-grid{grid-template-columns:1fr}.page-contact__info-card p,.page-contact__blog-card-excerpt{font-size:0.9rem}.page-contact__faq-question{font-size:0.95rem;padding:14px 16px}.page-contact__faq-answer{padding:0 16px 16px}.page-contact__form{padding:20px;width:100%;box-sizing:border-box}.page-contact__form-input,.page-contact__form-textarea{font-size:0.9rem}.page-contact__btn--submit{width:100%;max-width:100%}.page-contact img{max-width:100%!important;height:auto!important}.page-contact__note-list{padding:22px 20px}}