/* ---------- Trang cam on ---------- */
.camon{padding:132px 0 96px;background:var(--paper)}
.camon__dau{text-align:center;max-width:640px;margin:0 auto 44px}
.camon__tick{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  border-radius:999px;background:rgba(21,128,61,.12);color:#15803D;margin-bottom:20px}
.camon__tick svg{width:28px;height:28px}
.camon__h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.14;font-weight:600;
  letter-spacing:-.022em;color:var(--sky-deep)}
.camon__dan{margin:14px 0 0;font-size:18px;line-height:1.65;color:var(--ink-soft)}

.camon__the{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:920px;margin:0 auto}
.co__card{border-radius:var(--r-card);padding:28px 26px 24px;display:flex;flex-direction:column}
.co__nhan{margin:0 0 10px;font-size:21px;line-height:1.3;font-weight:600;color:var(--sky-deep);letter-spacing:-.01em}
.co__mo{margin:0 0 20px;font-size:16px;line-height:1.62;color:var(--ink-soft);flex:1}
.co__cho{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-soft);text-align:center}
.btn-ghost.is-cho{opacity:.55;cursor:default;justify-content:center}

.camon__sau{max-width:920px;margin:26px auto 0;border-radius:var(--r-card);padding:24px 26px}
.camon__sau p{margin:0;font-size:16px;line-height:1.7;color:var(--ink)}
.camon__quay{max-width:920px;margin:22px auto 0;text-align:center;font-size:15px;line-height:1.6;color:var(--ink-soft)}

.mail{max-width:920px;margin:0 auto 26px;background:#fff;border:1px solid rgba(26,109,181,.18);
  border-radius:var(--r-card);padding:26px 26px 22px;box-shadow:0 1px 3px rgba(14,27,42,.05)}
.mail__nhan{margin:0 0 8px;font-size:20px;line-height:1.3;font-weight:600;color:var(--sky-deep)}
.mail__dan{margin:0 0 18px;font-size:16px;line-height:1.62;color:var(--ink-soft)}
.mail__hang{margin:0 0 14px}
.mail__nhan-o{display:block;margin:0 0 6px;font-size:14px;font-weight:500;color:var(--ink)}
.mail input{width:100%;box-sizing:border-box;padding:13px 14px;font:inherit;font-size:16px;
  color:var(--ink);background:var(--paper);border:1px solid rgba(14,27,42,.16);border-radius:12px}
.mail input:focus{outline:2px solid var(--sky);outline-offset:1px;background:#fff}
.mail .btn{width:100%;justify-content:center}
.mail__do{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--ink-soft)}
.mail__loi{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--scarlet)}
.mail__xong{max-width:920px;margin:0 auto 26px;padding:20px 24px;font-size:16px;line-height:1.62;
  color:#15803D;background:rgba(21,128,61,.08);border-radius:var(--r-card)}
@media (max-width:860px){ .mail{padding:20px 18px 18px} }

@media (max-width:860px){
  .camon{padding:104px 0 72px}
  .camon__the{grid-template-columns:minmax(0,1fr)}
  .co__card{padding:22px 20px 20px}
  .camon__sau{padding:20px}
}