.cu-page{padding:0 0 0;background:#fafbfc}
/* hero */
.cu-hero{background:linear-gradient(135deg,#072C43 0%,#0a3d5c 100%);border-radius:0 0 24px 24px;padding:64px 24px 56px;text-align:center;position:relative;overflow:hidden}
.cu-hero::before{content:'';position:absolute;top:-90px;left:-90px;width:300px;height:300px;border-radius:50%;background:rgba(191,148,69,.08);pointer-events:none}
.cu-hero::after{content:'';position:absolute;bottom:-110px;right:-70px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.07);pointer-events:none}
.cu-pre{display:block;font-family:'Russo One',sans-serif;font-size:12px;letter-spacing:4px;color:#BF9445;text-transform:uppercase;margin-bottom:12px;position:relative;z-index:1}
.cu-title{font-family:'Kanit',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2;position:relative;z-index:1}
.cu-title-line{display:block;width:64px;height:4px;border-radius:4px;background:#BF9445;margin:0 auto 16px;position:relative;z-index:1}
.cu-sub{font-size:16px;color:rgba(255,255,255,.75);margin:0 auto;max-width:560px;line-height:1.7;position:relative;z-index:1}
/* main grid */
.cu-main{max-width:1140px;margin:46px auto 0;padding:0 24px 70px;display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:start;text-align:left}
/* info */
.cu-info-heading{font-family:'Kanit',sans-serif;font-size:24px;font-weight:700;color:#072C43;margin:0 0 24px;line-height:1.35}
.cu-info-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #eef1f3;border-radius:14px;box-shadow:0 3px 14px rgba(7,44,67,.05);padding:20px 22px;margin-bottom:16px;transition:transform .25s,box-shadow .25s}
.cu-info-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(7,44,67,.1)}
.cu-info-ico{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:rgba(191,148,69,.13);display:inline-flex;align-items:center;justify-content:center}
.cu-info-ico i{color:#BF9445;font-size:18px}
.cu-info-body h5{font-family:'Kanit',sans-serif;font-size:15px;font-weight:700;color:#072C43;margin:2px 0 6px;letter-spacing:.3px}
.cu-info-body p{font-size:14.5px;line-height:1.75;color:#556270;margin:0}
.cu-info-body a{color:#0b3a56;font-weight:600;text-decoration:none;transition:color .2s}
.cu-info-body a:hover{color:#BF9445}
.cu-socials{margin-top:22px}
.cu-socials-label{display:block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8b98a5;margin-bottom:12px}
.cu-socials-row{display:flex;gap:10px}
.cu-socials-row a{width:42px;height:42px;border-radius:50%;background:#072C43;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:background .25s,transform .25s}
.cu-socials-row a:hover{background:#BF9445;transform:translateY(-3px)}
/* form card */
.cu-form-card{background:#fff;border:1px solid #eef1f3;border-radius:18px;box-shadow:0 8px 32px rgba(7,44,67,.09);padding:38px 40px}
.cu-form-pre{display:block;font-family:'Russo One',sans-serif;font-size:11px;letter-spacing:3px;color:#BF9445;text-transform:uppercase;margin-bottom:8px}
.cu-form-title{font-family:'Kanit',sans-serif;font-size:24px;font-weight:700;color:#072C43;margin:0 0 8px}
.cu-form-sub{font-size:14.5px;color:#66727e;margin:0 0 24px;line-height:1.7}
.cu-field{margin-bottom:16px}
#cu-form input,#cu-form textarea{width:100%;padding:14px 16px;border:1px solid #dfe4e8;border-radius:10px;font-size:15px;font-family:'Kanit',sans-serif;color:#243b4d;background:#fbfcfd;transition:border-color .25s,box-shadow .25s;box-sizing:border-box;direction:ltr;text-align:left}
#cu-form input::placeholder,#cu-form textarea::placeholder{color:#9aa5b0}
#cu-form input:focus,#cu-form textarea:focus{border-color:#BF9445;box-shadow:0 0 0 3px rgba(191,148,69,.15);outline:none;background:#fff}
#cu-form input.cu-err,#cu-form textarea.cu-err{border-color:#d9534f;box-shadow:0 0 0 3px rgba(217,83,79,.12)}
#cu-form textarea{resize:vertical;min-height:130px}
.cu-submit{display:inline-flex;align-items:center;gap:10px;background:#BF9445;color:#fff;border:none;border-radius:10px;padding:15px 32px;font-family:'Kanit',sans-serif;font-size:15px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}
.cu-submit:hover{background:#a87f35;transform:translateY(-2px);box-shadow:0 10px 24px rgba(191,148,69,.35)}
.cu-submit i{font-size:14px;transition:transform .25s}
.cu-submit:hover i{transform:translateX(3px)}
.cu-form-note{margin-top:14px;font-size:14px;font-weight:600;min-height:20px}
.cu-form-note.cu-ok{color:#0ecd73}
.cu-form-note.cu-bad{color:#d9534f}
/* map */
.cu-map{max-width:100%;height:440px;overflow:hidden;border-top:4px solid #BF9445}
.cu-map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.9)}
/* reveals */
.cu-rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.25,.7,.3,1) var(--cu-d,0s),transform .7s cubic-bezier(.25,.7,.3,1) var(--cu-d,0s)}
.cu-rv.cu-in{opacity:1;transform:none}
/* responsive */
@media (max-width:900px){
  .cu-main{grid-template-columns:1fr;gap:30px}
  .cu-form-card{padding:28px 24px}
}
@media (max-width:600px){
  .cu-hero{padding:44px 18px 38px}
  .cu-title{font-size:28px}
  .cu-main{margin-top:32px;padding-bottom:50px}
  .cu-info-heading{font-size:20px}
  .cu-map{height:320px}
  .cu-submit{width:100%;justify-content:center}
}

/* ==== centering guard ==== */
html body .cu-hero,
html body .cu-hero .cu-pre,
html body .cu-hero .cu-title,
html body .cu-hero .cu-sub{text-align:center !important}
html body .cu-hero .cu-sub{margin-left:auto !important;margin-right:auto !important;max-width:560px !important}
html body .cu-hero .cu-title-line{margin-left:auto !important;margin-right:auto !important}