/* Trang liên hệ: form rõ ràng, ưu tiên đọc nhanh và không tạo cảm giác biểu mẫu hành chính. */
.contact-page{background:#fff;}
.contact-hero{position:relative;overflow:hidden;isolation:isolate;background:#082b3b;color:#fff;padding:94px 0 84px;}
.contact-hero__visual{position:absolute;inset:0;z-index:-3;margin:0;}.contact-hero__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;}
.contact-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#062c3d 0%,#062c3df2 33%,#082f40d9 51%,#082f4088 70%,#082f4033 100%),linear-gradient(0deg,#062c3dba 0%,transparent 40%);pointer-events:none;}
.contact-hero__grid{position:absolute;inset:0;z-index:-1;opacity:.48;background-image:linear-gradient(#c5e5eb1a 1px,transparent 1px),linear-gradient(90deg,#c5e5eb1a 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 70%);}
.contact-hero::after{content:"";position:absolute;z-index:0;right:-155px;bottom:-220px;width:580px;height:580px;border:1px solid #a7d4df42;border-radius:50%;box-shadow:0 0 0 54px #a7d4df12,0 0 0 108px #a7d4df0a;pointer-events:none;}
.contact-hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:84px;align-items:center;}
.contact-hero__copy{max-width:650px;}
.contact-hero .eyebrow{color:#f5c372;}
.contact-hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.18;letter-spacing:-.05em;margin:0 0 20px;}
.contact-hero__copy>p{font-size:16px;line-height:1.8;color:#c9e1e8;margin:0;max-width:580px;}
.contact-hero__checks{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:11px;}
.contact-hero__checks li{display:flex;align-items:center;gap:10px;color:#edf7f8;font-size:13px;}
.contact-hero__checks .ft-icon{width:18px;height:18px;color:#f5c372;}
.contact-journey{position:relative;background:#ffffff12;border:1px solid #d3edf140;backdrop-filter:blur(8px);border-radius:22px;padding:30px 30px 28px;}
.contact-journey__label{display:block;color:#f5c372;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:22px;}
.contact-journey ol{list-style:none;padding:0;margin:0;display:grid;gap:20px;}
.contact-journey li{display:flex;align-items:center;gap:16px;}
.contact-journey li>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ffffff18;border:1px solid #d8f0f144;color:#f5c372;font-size:11px;font-weight:800;}
.contact-journey strong,.contact-journey small{display:block;}
.contact-journey strong{font-size:14px;color:#fff;margin-bottom:3px;}
.contact-journey small{font-size:11px;color:#bcd9e1;}
.contact-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:34px;}
.contact-intro .eyebrow{margin-bottom:10px;}
.contact-intro h2{font-size:clamp(28px,3vw,37px);line-height:1.3;letter-spacing:-.04em;margin:0;color:var(--ink);}
.contact-intro>p{max-width:365px;margin:0;color:var(--muted);font-size:13px;line-height:1.85;}
.contact-intro b,.contact-field label span,.contact-consent b{color:#b96a12;}
.contact-notice{display:flex;align-items:flex-start;gap:12px;border-radius:14px;padding:16px 18px;margin:0 0 24px;font-size:13px;line-height:1.7;}
.contact-notice[hidden]{display:none;}
.contact-notice p{margin:0;}.contact-notice .ft-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px;}
.contact-notice--success{color:#17663d;background:#edf8f1;border:1px solid #b8dfc7;}.contact-notice--error{color:#8a4117;background:#fff5eb;border:1px solid #f0cfad;}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:22px;padding:34px;box-shadow:0 18px 48px #16324f0a;}
.contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;}
.contact-field{margin:0 0 19px;}.contact-form__grid .contact-field{margin:0;}
.contact-field label{display:block;font-size:12px;font-weight:800;color:var(--ink);margin:0 0 8px;}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;font:inherit;font-size:14px;color:var(--ink);background:#fbfdfe;border:1px solid #d5e3e7;border-radius:10px;padding:12px 13px;outline:none;transition:border-color .18s ease,box-shadow .18s ease;background-clip:padding-box;}
.contact-field input,.contact-field select{height:46px;}.contact-field textarea{resize:vertical;min-height:120px;line-height:1.7;}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8ba0a8;}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#39788b;box-shadow:0 0 0 4px #34778e18;background:#fff;}
.contact-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:var(--muted);margin:1px 0 24px;cursor:pointer;}.contact-consent input{margin:3px 0 0;accent-color:#12536a;}
.contact-form__submit{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font:inherit;}.contact-form__submit .ft-icon{width:18px;height:18px;}
.contact-form__submit:disabled{cursor:wait;opacity:.7;transform:none;box-shadow:none;}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.contact-sidebar{display:grid;gap:16px;}.contact-sidebar__card{background:#f4fafb;border:1px solid #dbecef;border-radius:17px;padding:23px 22px;}.contact-sidebar__card--primary{background:linear-gradient(145deg,#115168,#13374c);color:#fff;border:0;padding:26px 22px;}.contact-sidebar__card .icon-box{width:42px;height:42px;background:#ffffff1a;color:#f5c372;margin-bottom:23px;}.contact-sidebar__card h3{font-size:15px;line-height:1.5;margin:0 0 8px;color:var(--ink);}.contact-sidebar__card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;}.contact-sidebar__card--primary h3{color:#fff;}.contact-sidebar__card--primary p{color:#c5dde4;}.contact-sidebar__number{display:block;font-weight:800;font-size:11px;letter-spacing:.1em;color:#39788b;margin:0 0 18px;}
@media(max-width:900px){.contact-hero{padding:72px 0;}.contact-hero__visual img{object-position:68% center;}.contact-hero::before{background:linear-gradient(90deg,#062c3df5 0%,#062c3de8 56%,#082f40a8 100%),linear-gradient(0deg,#062c3d9c 0%,transparent 45%);}.contact-hero__layout{grid-template-columns:1fr;gap:38px;}.contact-journey{max-width:460px;}.contact-intro{align-items:start;flex-direction:column;gap:14px;}.contact-intro>p{max-width:600px;}.contact-layout{grid-template-columns:1fr;}.contact-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));}.contact-sidebar__card{padding:20px;}}
@media(max-width:640px){.contact-hero{padding:58px 0 54px;}.contact-hero__visual img{object-position:73% center;}.contact-hero::before{background:linear-gradient(90deg,#062c3df7 0%,#062c3de9 100%),linear-gradient(0deg,#062c3da3 0%,transparent 45%);}.contact-hero h1{font-size:37px;}.contact-hero__copy>p{font-size:14px;}.contact-journey{padding:24px 20px;}.contact-main.section{padding:50px 0 64px;}.contact-intro h2{font-size:29px;}.contact-form{border-radius:16px;padding:24px 18px;}.contact-form__grid,.contact-sidebar{grid-template-columns:1fr;gap:0;}.contact-form__grid .contact-field{margin-bottom:19px;}.contact-sidebar{gap:13px;}.contact-sidebar__card{padding:20px;}.contact-form__submit{width:100%;justify-content:center;text-align:center;}.contact-hero::after{right:-260px;bottom:-260px;}}
