:root{--reg-blue:#0b63ce;--reg-navy:#0b2442;--reg-line:#dce6ef;--reg-soft:#f4f9fd;--reg-green:#178844}
*{box-sizing:border-box}.registration-page{min-height:100vh;background:#f6f9fc;color:var(--reg-navy)}.registration-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.registration-hero{padding:56px 0 46px;background:linear-gradient(135deg,#ecf8fb 0%,#eef5ff 56%,#fff 100%);border-bottom:1px solid #dce8ef}.hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:28px;align-items:center}.reg-eyebrow{display:block;color:#0a66c8;font-weight:900;font-size:12px;letter-spacing:.14em}.registration-hero h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(38px,6vw,66px);line-height:1.05;margin:8px 0 12px}.registration-hero p{font-size:18px;font-weight:700;margin:0;color:#4a6079}.reg-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.reg-trust span{padding:8px 11px;border:1px solid #cfe0ee;border-radius:999px;background:rgba(255,255,255,.75);font-size:12px;font-weight:750}.registration-contact-card{display:grid;gap:8px;padding:20px;border:1px solid #d3e3ef;border-radius:18px;background:rgba(255,255,255,.85);box-shadow:0 12px 32px rgba(29,71,112,.08)}.registration-contact-card strong{font-size:18px}.registration-contact-card span,.registration-contact-card a{color:#60758d;text-decoration:none;font-size:13px}.registration-main{padding:36px 0 70px}.registration-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.registration-form-card,.consultant-card-wrap{border:1px solid var(--reg-line);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(17,54,94,.06)}.registration-form-card{padding:24px}.reg-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:10px;align-items:center;margin-bottom:28px}.reg-progress>span{height:2px;background:#dfe8f0}.reg-step{display:flex;align-items:center;gap:7px;border:0;background:none;color:#8190a0;font:inherit;cursor:pointer}.reg-step b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf2f7}.reg-step.is-active{color:var(--reg-blue);font-weight:900}.reg-step.is-active b{background:var(--reg-blue);color:#fff}.reg-panel{display:none}.reg-panel.is-active{display:block}.reg-section-title span{font-size:11px;color:var(--reg-blue);font-weight:900;letter-spacing:.14em}.reg-section-title h2{font-size:26px;margin:4px 0 20px}.reg-grid{display:grid;gap:14px}.reg-grid.two{grid-template-columns:1fr 1fr}.reg-grid label,.subject-box,.contact-choice{font-size:13px;font-weight:800}.reg-grid label{display:grid;gap:6px}.reg-grid .wide{grid-column:1/-1}.reg-grid input,.reg-grid select,.reg-grid textarea{width:100%;border:1px solid #cedbe7;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.reg-grid textarea{resize:vertical}.reg-grid small{font-size:11px;color:#78899b;font-weight:500}.subject-box,.contact-choice{border:0;padding:0;margin:0 0 18px}.subject-box legend,.contact-choice legend{margin-bottom:10px}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.subject-grid label{position:relative}.subject-grid input{position:absolute;opacity:0}.subject-grid span{display:block;padding:11px 10px;text-align:center;border:1px solid #d6e1ea;border-radius:10px;background:#fbfdff;cursor:pointer}.subject-grid input:checked+span{border-color:#0b66d4;background:#eaf4ff;color:#075cb8;box-shadow:inset 0 0 0 1px #0b66d4}.contact-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact-choice label{position:relative;display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #d8e3ed;border-radius:14px;cursor:pointer;background:#fff}.contact-choice input{position:absolute;opacity:0}.contact-choice label:has(input:checked){border-color:#0b66d4;background:#eef6ff;box-shadow:inset 0 0 0 1px #0b66d4}.contact-icon{font-size:26px}.contact-choice b,.contact-choice small{display:block}.contact-choice small{font-size:11px;color:#74869a;margin-top:3px}.reg-consent{padding:12px 14px;border-radius:10px;background:#f7f9fb;color:#6c7e91;font-size:12px;line-height:1.5}.reg-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.reg-actions.right{justify-content:flex-end}.reg-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer}.reg-btn.primary{background:#0b66d4;color:#fff;box-shadow:0 8px 18px rgba(11,102,212,.2)}.reg-btn.ghost{background:#edf2f7;color:#42566f}.reg-btn.large{padding:13px 24px}.consultant-card-wrap{padding:20px;position:sticky;top:18px}.consultant-title span{font-size:11px;color:#0b66d4;font-weight:900;letter-spacing:.12em}.consultant-title h2{margin:4px 0 6px}.consultant-title p{font-size:12px;color:#708196;line-height:1.45}.consultant-list{display:grid;gap:10px;margin-top:14px}.consultant-card{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:11px;border:1px solid #e1e8ef;border-radius:13px}.consultant-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#deedff;color:#0b5fc4;font-weight:900}.consultant-card strong,.consultant-card span,.consultant-card a{display:block}.consultant-card a{font-size:12px;color:#0b5fc4;text-decoration:none;margin-top:4px}.consultant-card .zalo{font-weight:900}.duty{font-size:11px;margin:2px 0}.duty.on{color:#168145}.duty.off{color:#8794a2}.consultant-empty{padding:16px;border-radius:12px;background:#f6f8fa;color:#74869a;font-size:12px}.reg-alert{padding:13px 15px;margin-bottom:18px;border-radius:12px;background:#fff1f1;color:#a42727;border:1px solid #f3caca}.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important}.registration-success-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#ecf8fb,#eef5ff 58%,#fff)}.registration-success-card{width:min(760px,100%);padding:34px;border:1px solid #d6e4ef;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(20,58,99,.12);text-align:center}.success-mark{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e4f7eb;color:#168444;font-size:34px;font-weight:900}.registration-success-card h1{font-size:38px;margin:6px 0 10px}.registration-success-card>p{color:#667b92;line-height:1.55}.registration-code{margin:24px 0;padding:18px;border-radius:16px;background:#f0f7ff}.registration-code span,.registration-code small,.registration-code strong{display:block}.registration-code strong{font-size:32px;letter-spacing:.04em;color:#075fc9;margin:4px 0}.registration-code small{color:#738397}.success-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.success-summary div{padding:12px;border:1px solid #e3e9ef;border-radius:12px}.success-summary span,.success-summary b{display:block}.success-summary span{font-size:11px;color:#7a8999}.assigned-consultant{margin-top:20px;padding:18px;border:1px solid #dce7ef;border-radius:16px}.assigned-consultant>span{font-size:10px;color:#0b66d4;font-weight:900;letter-spacing:.13em}.assigned-consultant h2{margin:5px 0}.assigned-actions{display:flex;justify-content:center;gap:10px}.assigned-actions a{padding:10px 14px;border-radius:10px;background:#eef4fa;color:#0b5fc4;font-weight:900;text-decoration:none}.assigned-actions .zalo{background:#e7f5ff}.success-bottom-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.success-bottom-actions a{padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;color:#496078}.success-bottom-actions .primary{background:#0b66d4;color:#fff}
@media(max-width:900px){.hero-inner,.registration-layout{grid-template-columns:1fr}.consultant-card-wrap{position:static}.subject-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.registration-form-card{padding:17px}.reg-grid.two,.contact-choice,.success-summary{grid-template-columns:1fr}.reg-progress button span{display:none}.subject-grid{grid-template-columns:1fr 1fr}.registration-success-card{padding:22px}.registration-success-card h1{font-size:30px}}