/* VNPT Đăng Ký form.css v1.2 */
.vnpt-wrap*,.vnpt-wrap *::before,.vnpt-wrap *::after{box-sizing:border-box;margin:0;padding:0}
.vnpt-wrap{
  --b:#0055d4;--n:#0a1e4e;--s:#1a8fff;--r:#e02020;--g:#00b87a;
  --w:#fff;--o:#f4f7fc;--t:#1a2340;--m:#6b7a99;--br:#dce5f5;
  font-family:'Be Vietnam Pro','Segoe UI',sans-serif;color:var(--t);
  max-width:720px;width:100%;margin:0 auto;line-height:1.6;display:block;
}

/* HEADER */
.vnpt-header{background:var(--n);background-image:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(0,200,255,.15) 0%,transparent 60%);padding:22px 28px 18px;border-radius:12px 12px 0 0;color:#fff;text-align:center}
.vnpt-header h2{font-size:1.4rem;font-weight:800;margin-bottom:4px;color:#fff}
.vnpt-header h2 span{color:#00c8ff}
.vnpt-header p{color:rgba(255,255,255,.6);font-size:.85rem}

/* BODY */
.vnpt-body{background:var(--w);border:1.5px solid var(--br);border-top:none;border-radius:0 0 12px 12px;padding:22px 28px;box-shadow:0 6px 24px rgba(0,85,212,.1)}
@media(max-width:540px){.vnpt-header{padding:18px 16px}.vnpt-body{padding:16px}}

/* FIELDS */
.vnpt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:500px){.vnpt-row{grid-template-columns:1fr}}
.vnpt-field{margin-bottom:14px}
.vnpt-field>label{display:block;font-size:.8rem;font-weight:700;color:var(--n);margin-bottom:5px}
.vnpt-field>label span{color:var(--r)}
.vnpt-wrap .vnpt-input{width:100%!important;padding:0px 10px!important;border:1.5px solid var(--br)!important;border-radius:8px!important;font-family:inherit!important;font-size:.9rem!important;color:var(--t)!important;outline:none!important;background:var(--w)!important;-webkit-appearance:none!important;transition:border-color .2s,box-shadow .2s}
.vnpt-input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(0,85,212,.1)}
.vnpt-input:disabled{background:#f2f4f8;color:#aaa;cursor:not-allowed}
textarea.vnpt-input{resize:vertical;min-height:68px}
.vnpt-err{display:none;font-size:.74rem;color:var(--r);margin-top:3px}

/* MESH NOTE */
.vnpt-mesh-note{font-size:.78rem;color:#a06000;background:#fff8e0;border:1px solid #f5c518;border-radius:6px;padding:6px 10px;margin-top:6px}
.vnpt-mesh-note strong{color:#7a4800}

/* GÓI INFO BOX */
.vnpt-pkg-info{background:#ebf2ff;border:1.5px solid #b8d0ff;border-radius:8px;padding:12px 16px;margin-bottom:14px;margin-top:-6px}
.vnpt-pkg-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.vnpt-pkg-name{font-weight:800;font-size:.97rem;color:var(--n)}
.vnpt-pkg-speed{font-size:.78rem;font-weight:700;color:var(--b);background:#d0e4ff;padding:2px 10px;border-radius:999px}
.vnpt-pkg-feat{font-size:.78rem;color:var(--m);margin-bottom:6px}
.vnpt-pkg-price{font-size:1.1rem;font-weight:800;color:var(--r)}

/* KỲ HẠN */
.vnpt-ky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
@media(max-width:480px){
  .vnpt-ky{padding:8px 4px}
  .vnpt-ky strong{font-size:.75rem}
  .vnpt-ky small{font-size:.65rem}
}
.vnpt-ky{display:block;border:2px solid var(--br);border-radius:8px;padding:11px 10px;text-align:center;cursor:pointer;transition:all .2s;background:var(--w);position:relative}
.vnpt-ky:hover{border-color:var(--g);background:#f0fff8}
.vnpt-ky.active{border-color:var(--g);background:#e8fff4;box-shadow:0 0 0 3px rgba(0,184,122,.1)}
.vnpt-ky input{position:absolute;opacity:0;pointer-events:none}
.vnpt-ky strong{display:block;font-size:.85rem;color:var(--n);margin-bottom:3px}
.vnpt-ky small{font-size:.7rem;display:block;line-height:1.3}
.vnpt-ky-phi{color:var(--m)}
.vnpt-mien-phi{color:var(--g)!important;font-weight:700!important}
.vnpt-ky-tang{color:#e07000!important;font-weight:700!important;font-size:.65rem!important;}

/* TỔNG TIỀN */
.vnpt-tong{background:var(--o);border:1.5px solid var(--br);border-radius:8px;padding:14px 16px;margin-bottom:14px}
.vnpt-tong-row{display:flex;justify-content:space-between;align-items:center;font-size:.83rem;padding:6px 0;border-bottom:1px dashed var(--br);color:var(--m)}
.vnpt-tong-row span:first-child{flex-shrink:0}
.vnpt-tong-row span:last-child{font-weight:700;color:var(--t);text-align:right}
.vnpt-tong-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:2px solid var(--br)}
.vnpt-tong-total span:first-child{font-weight:800;color:var(--n);font-size:.88rem}
.vnpt-tong-total span:last-child{font-size:1.3rem;font-weight:800;color:var(--r)}
.vnpt-tong-note{font-size:.72rem;color:var(--m);margin-top:8px;font-style:italic;line-height:1.5}

/* Tag miễn phí trong tổng tiền */
.vnpt-mien-phi-tag{display:inline-block;background:#00b87a;color:#fff;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:4px;margin-right:4px;letter-spacing:.03em}

/* SUBMIT */
.vnpt-submit{width:100%;padding:13px;background:linear-gradient(135deg,var(--b),var(--s));color:#fff;border:none;border-radius:8px;font-family:inherit;font-weight:800;font-size:.97rem;cursor:pointer;box-shadow:0 4px 16px rgba(0,85,212,.3);transition:opacity .2s,transform .2s;margin-top:2px}
.vnpt-submit:hover{opacity:.9;transform:translateY(-1px)}
.vnpt-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.vnpt-hotline{text-align:center;font-size:.8rem;color:var(--m);margin-top:8px}
.vnpt-hotline a{color:var(--b);font-weight:700;text-decoration:none}

/* SUCCESS */
.vnpt-success-box{text-align:center;padding:40px 24px;background:var(--w);border:1.5px solid var(--br);border-radius:12px;box-shadow:0 6px 24px rgba(0,85,212,.1)}
.vnpt-success-box h3{font-size:1.3rem;font-weight:800;color:var(--g);margin:0 0 8px}
.vnpt-success-box p{color:var(--m);font-size:.9rem;margin-bottom:4px}
.vnpt-code{display:inline-block;background:#ebf2ff;color:var(--b);font-size:1.05rem;font-weight:800;padding:8px 20px;border-radius:8px;margin:12px 0;font-family:monospace;letter-spacing:.06em}
.vnpt-btn-new{margin-top:12px;padding:9px 22px;background:var(--b);color:#fff;border:none;border-radius:8px;font-family:inherit;font-weight:700;font-size:.88rem;cursor:pointer}