*{box-sizing:border-box}
html,body{height:100%;overflow:hidden}
html{scroll-behavior:smooth}
body{display:flex;flex-direction:column;margin:0;background:#071a33;color:#071a33;font-family:Inter,Arial,sans-serif}
.contact-skip{position:fixed;z-index:200000;top:8px;left:8px;padding:8px 12px;background:#071a33;color:#fff;transform:translateY(-150%)}
.contact-skip:focus{transform:translateY(0)}
.contact-page{display:flex;flex:1;min-height:0}
.contact-hero{position:relative;display:grid;flex:1;min-height:0;place-items:center;padding:42px 24px;background:linear-gradient(90deg,rgba(7,26,51,.28),rgba(7,26,51,.12)),url('/Image/transsp_contact_us.webp') center/cover no-repeat;isolation:isolate}
.contact-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:rgba(7,26,51,.12);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.contact-card{display:grid;width:min(940px,100%);grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:17px;background:#fff;box-shadow:0 28px 70px rgba(2,14,28,.38);animation:contact-card-in .5s cubic-bezier(.22,1,.36,1) both}
.contact-card__intro{display:grid;grid-template-rows:126px 1fr;background:#fff}
.contact-card__brand{display:grid;place-items:center;padding:26px}
.contact-card__brand img{display:block;width:min(280px,85%);height:auto}
.contact-card__message{display:flex;flex-direction:column;justify-content:center;padding:42px 38px;background:#b31942;color:#fff;text-align:center}
.contact-eyebrow{margin:0 0 7px;font-size:8.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.contact-card__message .contact-eyebrow{color:#f3ccd5}
.contact-card__message h1{margin:0;font-family:Poppins,Arial,sans-serif;font-size:clamp(18px,1.9vw,23px);font-weight:500;line-height:1.23;letter-spacing:-.025em}
.contact-card__message>p:last-child{max-width:360px;margin:22px auto 0;font-size:11px;font-weight:400;line-height:1.5}
.contact-card__form-panel{display:grid;min-height:500px;place-items:center;padding:38px 44px;background:linear-gradient(145deg,rgba(241,245,248,.91),rgba(213,220,226,.76));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.contact-form{display:grid;width:100%;gap:11px}
.contact-form__heading{text-align:center}
.contact-form__heading .contact-eyebrow{color:#b31942}
.contact-form h2,.contact-success h2{max-width:380px;margin:0 auto 17px;font-family:Poppins,Arial,sans-serif;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.02em}
.contact-form label{display:block}
.contact-form label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #aebbc5;border-radius:6px;background:rgba(255,255,255,.96);color:#071a33;font:400 11px/1.4 Inter,Arial,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s}
.contact-form input{height:48px;padding:0 16px}
.contact-form textarea{min-height:105px;padding:13px 16px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{border-color:#0a3161;box-shadow:0 0 0 3px rgba(10,49,97,.14)}
.contact-form button,.contact-success button{min-height:46px;border:0;border-radius:6px;background:#b31942;color:#fff;font:500 11px Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.contact-form button:hover,.contact-success button:hover{background:#8e1535;box-shadow:0 8px 18px rgba(112,15,42,.24);transform:translateY(-1px)}
.contact-form button span{margin-left:8px}
.contact-form__privacy{margin:0;text-align:center;color:#546875;font-size:8.5px;line-height:1.4}
.contact-hp{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contact-form__error{margin:0;text-align:center;color:#b31942;font-size:10.5px;font-weight:600;line-height:1.4}
.contact-form button[disabled]{opacity:.7;cursor:not-allowed}
.contact-success{text-align:center}
.contact-success>span{display:grid;width:44px;height:44px;place-items:center;margin:0 auto 15px;border-radius:50%;background:#0a3161;color:#fff;font-size:22px}
.contact-success p{max-width:330px;margin:0 auto 20px;color:#536773;font-size:11px;line-height:1.55}
.contact-success button{padding:0 22px}
@keyframes contact-card-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){.contact-hero{min-height:auto;padding:28px 16px;background-position:68% center}.contact-card{max-width:520px;grid-template-columns:1fr}.contact-card__intro{grid-template-rows:auto auto}.contact-card__brand{padding:19px}.contact-card__brand img{width:min(240px,80%)}.contact-card__message{padding:28px 25px}.contact-card__message h1{font-size:17px}.contact-card__message>p:last-child{margin-top:15px;font-size:10px}.contact-card__form-panel{min-height:0;padding:28px 25px}.contact-form h2{font-size:15px}.contact-form input{height:44px}.contact-form textarea{min-height:92px}}
@media(prefers-reduced-motion:reduce){.contact-card{animation:none}.contact-form button,.contact-success button{transition:none}}