/* =========================================================
   S09 – ĐĂNG KÝ DÙNG THỬ (CTA + FORM)   #dang-ky
   ========================================================= */
#dang-ky{padding-top:20px}
#dang-ky .cta-box{border-radius:20px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(500px 300px at 90% 100%,rgba(18,198,79,.35),transparent 60%),linear-gradient(135deg,var(--g-900),var(--g-700))}
#dang-ky .cta-box>div:first-child{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0}
#dang-ky .cta-box::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);left:-80px;bottom:-120px}
#dang-ky h2{font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.2;position:relative}
/* "Miễn Phí 30 Ngày": box trắng, chữ xanh brand */
#dang-ky h2 .free-box{display:inline-block;margin:10px 0 10px -14px;padding:4px 14px 6px;border-radius:12px;background:#fff;color:var(--g-700);box-shadow:0 10px 26px rgba(0,0,0,.18);line-height:1.15}
#dang-ky .lead{color:#D6F5E3;margin:16px 0 30px;position:relative}
#dang-ky .contact{display:grid;gap:14px;position:relative}
#dang-ky .contact a,#dang-ky .contact div{display:flex;align-items:center;gap:14px;font-weight:500;font-size:15px}
#dang-ky .contact span a{display:inline}
#dang-ky .contact i{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:0 0 40px;font-style:normal}

#dang-ky form{background:#fff;color:var(--ink);border-radius:14px;padding:30px;position:relative;box-shadow:0 30px 60px rgba(3,95,70,.3)}
#dang-ky #fbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#dang-ky #fbody>.ftag,#dang-ky #fbody>.field-wide,#dang-ky #fbody>button,#dang-ky #fbody>.fnote{grid-column:1/-1}
#dang-ky .ftag{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--g-700);margin-bottom:16px}
#dang-ky .field{min-width:0;margin-bottom:0}
#dang-ky .field input,#dang-ky .field select,#dang-ky .field textarea{width:100%;min-width:0;font:inherit;font-size:clamp(13px,.95vw,15px);padding:11px 12px;border:1.5px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}
#dang-ky .field select{height:46px}
#dang-ky .field textarea{height:46px;min-height:46px;resize:none;overflow-y:hidden}
#dang-ky .field input::placeholder{color:#8C959B}
#dang-ky .field textarea::placeholder{color:#8C959B}
#dang-ky .field input:focus,#dang-ky .field select:focus,#dang-ky .field textarea:focus{outline:none;border-color:var(--g-600);box-shadow:0 0 0 3px rgba(13,170,81,.15)}
#dang-ky .field.bad input{border-color:var(--red)}
#dang-ky form .btn{width:100%;justify-content:center;margin-top:6px}
#dang-ky .fnote{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}
#dang-ky .ok{display:none;text-align:center;padding:30px 6px}
#dang-ky .ok .tick{width:64px;height:64px;border-radius:50%;background:var(--g-50);color:var(--g-700);display:grid;place-items:center;margin:0 auto 14px;font-size:30px;font-weight:800}
#dang-ky .ok h3{font-size:22px;margin-bottom:8px}
#dang-ky .ok p{color:var(--muted)}
#dang-ky .ok a{color:var(--g-700);font-weight:700}
#dang-ky .ok #fagain{margin-top:18px}

@media (max-width:1000px){
  #dang-ky .cta-box{grid-template-columns:1fr;padding:40px 28px}
  #dang-ky .cta-box>div:first-child{align-self:auto;display:block;padding:0}
}
@media (max-width:600px){
  #dang-ky .cta-box{padding:32px 18px;border-radius:16px}
  #dang-ky form{padding:22px}
  #dang-ky #fbody{grid-template-columns:1fr}
  #dang-ky #fbody>.ftag,#dang-ky #fbody>.field-wide,#dang-ky #fbody>button,#dang-ky #fbody>.fnote{grid-column:auto}
}