*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#333;line-height:1.5;font-size:14px;min-height:100vh}#app{max-width:600px;margin:0 auto;background:#fff;min-height:100vh;position:relative;box-shadow:0 0 30px #0000000f}.screen{display:none}.screen.active{display:block;animation:fi .3s ease}@keyframes fi{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.w-wrap{padding:40px 28px 48px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.w-pill{background:#fff5f6;border:1px solid #f0e8e9;color:#731025;font-size:13px;padding:7px 14px;border-radius:20px;font-weight:500}.w-wrap h1{font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1.3;margin-bottom:14px;color:#1a1a1a;font-weight:700}.w-wrap .sub{font-size:15.5px;color:#555;line-height:1.7;margin-bottom:32px}.btn-cta{display:block;width:100%;background:#731025;color:#fff;border:none;padding:20px 24px;font-size:19px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;font-family:Arial,Tahoma,Helvetica,sans-serif;letter-spacing:.3px;box-shadow:0 4px 14px #73102540}.btn-cta:hover{background:#8f1530;transform:translateY(-1px);box-shadow:0 6px 18px #73102559}.btn-cta:active{transform:translateY(0)}.fnote{font-size:12px;color:#888;margin-top:18px;text-align:center}.btn-primary{display:block;width:100%;background:#731025;color:#fff;border:none;padding:16px;font-size:15px;font-weight:700;border-radius:6px;cursor:pointer;transition:background .2s;font-family:Arial,Helvetica,sans-serif;letter-spacing:.5px;text-transform:uppercase}.btn-primary:hover{background:#8f1530}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.q-wrap{padding:20px 24px 120px}.prog-bar{height:12px;background:#f0e8e9;border-radius:6px;margin-bottom:24px;overflow:hidden}.prog-fill{height:100%;background:#731025;border-radius:6px;transition:width .4s ease}.prog-lbl{font-size:12px;color:#888;text-align:right;margin-bottom:22px}.grp-badge{display:inline-block;background:#fff5f6;color:#731025;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:14px;border:1px solid #f0e8e9}.q-box{margin-bottom:20px;padding:10px;border-radius:8px;transition:all .3s ease;scroll-margin-top:20px}.q-box.error-highlight{background:#fef2f2;border:2px solid #fecaca;padding:12px;animation:shake .4s ease}.q-box.error-highlight .q-text{color:#991b1b}.q-box.error-highlight:after{content:"⚠️ Vui lòng trả lời câu hỏi này";display:block;font-size:12px;color:#dc2626;margin-top:6px;font-weight:500}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.q-text{font-size:15.5px;font-weight:500;line-height:1.5;margin-bottom:6px;color:#1a1a1a}.q-text .req{color:#dc2626;margin-left:2px}.q-note{font-size:12.5px;color:#777;font-style:italic;margin-bottom:10px;line-height:1.55}.radio-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px;padding:6px 0}.radio-group.vertical{flex-direction:column;gap:10px}.radio-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .15s;line-height:1.5}.radio-item:hover{background:#fff8f8}.radio-item input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid #bbb;border-radius:50%;cursor:pointer;position:relative;background:#fff;transition:all .15s;flex-shrink:0}.radio-item input[type=radio]:hover{border-color:#731025}.radio-item input[type=radio]:checked{border-color:#731025;background:#fff}.radio-item input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#731025;border-radius:50%}.radio-item .txt{font-size:14.5px;color:#333;flex:1}.radio-item input:checked~.txt{color:#731025;font-weight:500}.opt-num{color:#731025;font-weight:600;margin-right:4px}.check-group{display:flex;flex-direction:column;gap:8px;padding:4px 0}.check-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:8px 10px;border-radius:6px;transition:background .15s;line-height:1.5}.check-item:hover{background:#fff8f8}.check-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid #bbb;border-radius:3px;cursor:pointer;margin-top:1px;position:relative;background:#fff;transition:all .15s}.check-item input[type=checkbox]:hover{border-color:#731025}.check-item input[type=checkbox]:checked{border-color:#731025;background:#731025}.check-item input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.check-item .txt{font-size:14.5px;color:#333;flex:1}.check-item input:checked~.txt{color:#731025;font-weight:500}.dropdown{width:100%;padding:11px 32px 11px 14px;border:1px solid #d1d5db;border-radius:4px;font-size:14.5px;font-family:Arial,Helvetica,sans-serif;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23731025' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;color:#333;transition:border .15s}.dropdown:focus{outline:none;border-color:#731025;box-shadow:0 0 0 2px #7310251a}.dropdown option{padding:8px}.dd-box{position:relative;width:100%}.dd-trigger{width:100%;padding:11px 14px;border:1px solid #d1d5db;border-radius:4px;font-size:14.5px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#333;font-family:Arial,Helvetica,sans-serif;text-align:left}.dd-trigger:hover{border-color:#731025}.dd-trigger.open{border-color:#731025;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 2px #7310251a}.dd-trigger .placeholder{color:#999}.dd-trigger .selected-val{color:#731025;font-weight:500}.dd-trigger .arrow{color:#731025;font-size:10px;transition:transform .2s}.dd-trigger.open .arrow{transform:rotate(180deg)}.dd-list{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #731025;border-top:none;border-radius:0 0 4px 4px;max-height:260px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0000001a}.dd-list.open{display:block}.dd-opt{padding:8px 14px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:10px;transition:background .15s;border-bottom:1px solid #f5f5f5}.dd-opt:last-child{border-bottom:none}.dd-opt:hover{background:#fff5f6}.dd-opt.selected{background:#fff0f2;color:#731025;font-weight:500}.dd-opt .dd-num{color:#731025;font-weight:600;min-width:28px;font-size:13px}.sub-q{display:none;background:#fff8f9;border-left:4px solid #731025;border-radius:0 6px 6px 0;padding:12px 14px;margin:10px 0 0;overflow:hidden}.sub-q.visible{display:block;animation:sd .25s ease}@keyframes sd{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sub-q .q-text{font-size:14px;font-weight:500;margin-bottom:4px;color:#444}.sub-q .q-note{font-size:11.5px;margin-bottom:8px}.nav-fixed{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:#fff;border-top:1px solid #f0e8e9;padding:14px 24px;display:flex;gap:10px;z-index:100;box-shadow:0 -4px 12px #0000000a}.btn-back{flex:1;background:#fff;border:1.5px solid #e5e7eb;color:#666;padding:13px;border-radius:6px;font-size:14px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:500}.btn-back:hover{border-color:#999;color:#333}.btn-nxt{flex:2;background:#731025;color:#fff;border:none;padding:13px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s;font-family:Arial,Helvetica,sans-serif;letter-spacing:.3px;text-transform:uppercase}.btn-nxt:disabled{background:#d1d5db;cursor:not-allowed}.btn-nxt:not(:disabled):hover{background:#8f1530}.r-wrap{padding:24px 24px 48px}.r-wrap h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-bottom:20px;color:#1a1a1a}.warn-box{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:0 8px 8px 0;padding:14px 16px;margin-bottom:12px}.warn-box p{font-size:13px;color:#991b1b;line-height:1.6}.warn-box strong{color:#7f1d1d}.score-big{text-align:center;padding:28px 16px;background:linear-gradient(135deg,#731025,#8f1530);border-radius:10px;margin-bottom:20px;color:#fff}.score-num{font-family:Arial,Helvetica,sans-serif;font-size:52px;font-weight:700;line-height:1}.score-denom{font-size:14px;opacity:.9;margin-top:6px}.score-pct{font-size:22px;font-weight:500;margin-top:8px}.badge-r{display:inline-block;padding:10px 22px;border-radius:22px;font-size:14px;font-weight:700;margin:12px 0 14px}.b-strong{background:#d1fae5;color:#065f46}.b-medium{background:#fef3c7;color:#92400e}.b-weak{background:#fee2e2;color:#991b1b}.res-desc{font-size:14px;color:#555;line-height:1.65;margin-bottom:20px;padding:12px 14px;background:#fff5f6;border-radius:6px}.rate-box{background:linear-gradient(135deg,#731025,#8f1530);border-radius:12px;padding:26px 22px;margin-bottom:24px;color:#fff;text-align:center}.rate-label{font-size:13px;opacity:.95;margin-bottom:8px;letter-spacing:.3px;text-transform:uppercase;font-weight:600}.rate-pct{font-size:56px;font-weight:900;line-height:1;margin-bottom:14px;letter-spacing:-1px}.rate-bar-wrap{height:10px;background:#fff3;border-radius:6px;overflow:hidden;margin-bottom:12px}.rate-bar-fill{height:100%;background:#fff;border-radius:6px;transition:width .6s ease;width:0%}.rate-class{display:inline-block;background:#fff3;padding:7px 18px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.3px}.sec-title{font-size:13px;font-weight:700;color:#731025;letter-spacing:.06em;text-transform:uppercase;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid #fff0f2;display:flex;align-items:center;gap:8px}.sec-title:before{content:"";width:4px;height:16px;background:#731025;border-radius:2px}.bkdn{border:1px solid #f0e8e9;border-radius:8px;overflow:hidden}.brow{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid #fafafa;font-size:13px}.brow:last-child{border-bottom:none}.brow:nth-child(odd){background:#fafafa}.b-name{flex:1;color:#444}.b-score{font-weight:700;color:#731025;min-width:56px;text-align:right}.b-dot{width:10px;height:10px;border-radius:50%;margin-left:10px;flex-shrink:0}.d-full{background:#10b981}.d-part{background:#f59e0b}.d-zero{background:#ef4444}.sw-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.sw-cards{grid-template-columns:1fr}}.sw-card{border:1px solid #f0e8e9;border-radius:8px;padding:14px}.sw-card h5{font-size:13px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.sw-card.ok h5{color:#065f46}.sw-card.need h5{color:#92400e}.sw-card ul{list-style:none}.sw-card li{font-size:12.5px;color:#444;padding:4px 0 4px 18px;position:relative;line-height:1.5}.sw-card.ok li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.sw-card.need li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:700}.adv-list{list-style:none}.adv-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #fafafa}.adv-item:last-child{border-bottom:none}.adv-n{background:#731025;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.adv-t{font-size:14px;line-height:1.6;color:#374151}.l-wrap{padding:24px 24px 48px}.l-wrap h2{font-family:Arial,Helvetica,sans-serif;font-size:22px;margin-bottom:6px;color:#1a1a1a}.l-wrap .sub{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.mini-score{background:#fff5f6;border:1px solid #f0e8e9;border-radius:8px;padding:14px 16px;margin-bottom:22px;display:flex;align-items:center;gap:14px}.ms-num{font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700;color:#731025;line-height:1}.ms-cls{font-size:13px;font-weight:600;color:#374151}.ms-rate{font-size:12px;color:#888}.fg{margin-bottom:16px}.fg label{display:block;font-size:13px;color:#555;margin-bottom:6px;font-weight:500}.fg label .req{color:#dc2626}.fg label .hint-inline{font-size:11.5px;color:#888;font-weight:400;font-style:italic;margin-left:4px}.fg input,.fg select{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:11px 14px;font-size:14.5px;color:#1a1a1a;background:#fff;transition:border .15s;font-family:Arial,Helvetica,sans-serif}.fg input:focus,.fg select:focus{outline:none;border-color:#731025;box-shadow:0 0 0 2px #7310251a}.fg input.err,.fg select.err{border-color:#dc2626;background:#fef2f2}.lead-header{margin-bottom:24px}.lead-step{display:inline-block;background:#fff5f6;color:#731025;font-size:11px;font-weight:700;padding:4px 12px;border-radius:4px;margin-bottom:12px;letter-spacing:.08em;text-transform:uppercase}.confirm-card{background:#fff5f6;border:2px solid #731025;border-radius:10px;padding:4px 20px;margin-bottom:24px}.c-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(115,16,37,.12)}.c-row:last-child{border-bottom:none}.c-lbl{font-size:13px;color:#666;font-weight:500;min-width:140px;flex-shrink:0}.c-val{font-size:15px;color:#1a1a1a;font-weight:600;flex:1;word-break:break-word}.confirm-actions{display:flex;flex-direction:column;gap:10px}.btn-outline{width:100%;background:#fff;color:#731025;border:2px solid #731025;padding:13px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.3px;transition:all .2s}.btn-outline:hover{background:#fff5f6}.result-top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #fff0f2;flex-wrap:wrap}.user-info-bar{flex:1;min-width:200px}.ui-name{font-size:15px;font-weight:700;color:#731025;margin-bottom:2px}.ui-phone{font-size:13px;color:#666}.btn-print{background:#fff;color:#731025;border:1.5px solid #731025;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:Arial,Helvetica,sans-serif;white-space:nowrap;transition:all .2s}.btn-print:hover{background:#731025;color:#fff}.btn-print-large{display:block;width:100%;padding:16px;font-size:15px;margin-top:24px;border-radius:8px;letter-spacing:.5px}.missing-intro{font-size:13px;color:#555;margin-bottom:14px;line-height:1.6;padding:10px 14px;background:#fffbea;border-left:3px solid #f59e0b;border-radius:0 6px 6px 0}.missing-list{display:flex;flex-direction:column;gap:10px}.missing-item{background:#fff;border:1px solid #f0e8e9;border-left:4px solid #f59e0b;border-radius:0 6px 6px 0;padding:12px 14px}.missing-item.critical{border-left-color:#dc2626;background:#fef2f2}.m-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.m-group{font-size:11px;color:#731025;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.m-gap{font-size:11.5px;font-weight:700;color:#dc2626;background:#fee2e2;padding:3px 8px;border-radius:4px;white-space:nowrap}.m-q{font-size:14px;color:#1a1a1a;font-weight:500;margin-bottom:6px;line-height:1.45}.m-ans{font-size:13px;color:#991b1b;background:#fef2f2;padding:7px 10px;border-radius:4px;margin-bottom:6px;line-height:1.5}.m-ans strong{color:#7f1d1d;font-weight:700}.m-best{font-size:13px;color:#065f46;background:#d1fae5;padding:7px 10px;border-radius:4px;margin-bottom:6px;line-height:1.5}.m-best strong{color:#064e3b;font-weight:700}.m-fix{font-size:13px;color:#374151;background:#fffbea;padding:8px 10px;border-radius:4px;line-height:1.55;border-left:3px solid #f59e0b}.m-fix strong{color:#92400e}.missing-item.full{border-left-color:#10b981;background:#f0fdf4}.m-ok{background:#d1fae5!important;color:#065f46!important}.thanks-inline{background:linear-gradient(135deg,#fff5f6,#fff);border:1px solid #f0e8e9;border-radius:10px;padding:20px 18px;margin-top:24px;text-align:center}.thanks-inline .check-c{width:56px;height:56px;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px;color:#065f46}.thanks-inline h3{font-family:Arial,Helvetica,sans-serif;font-size:20px;color:#731025;margin-bottom:8px;font-weight:700}.thanks-inline p{font-size:14px;color:#555;line-height:1.6}.thanks-inline strong{color:#731025}.contact-card{background:#fff5f6;border:1px solid #f0e8e9;border-radius:10px;padding:18px;text-align:left;margin-top:16px}.contact-card h4{font-size:12px;color:#731025;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.contact-card p{font-size:13.5px;color:#374151;margin-bottom:7px;display:flex;align-items:center;gap:8px}.contact-card p:last-child{margin-bottom:0}.contact-card strong{color:#731025;font-weight:600}.result-link-box{background:#fffbea;border:2px dashed #f59e0b;border-radius:10px;padding:16px 18px;margin-top:16px}.result-link-box h4{font-size:13px;color:#92400e;font-weight:700;margin-bottom:6px}.rl-note{font-size:12.5px;color:#92400e;margin-bottom:10px}.rl-input-wrap{display:flex;gap:8px;margin-bottom:10px}.rl-input{flex:1;border:1px solid #f59e0b;border-radius:4px;padding:10px 12px;font-size:12.5px;font-family:monospace;background:#fff;color:#731025;cursor:text;overflow:hidden;text-overflow:ellipsis}.rl-copy{background:#f59e0b;color:#fff;border:none;padding:10px 14px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:Arial,Helvetica,sans-serif}.rl-copy:hover{background:#d97706}.rl-copy.copied{background:#10b981}.rl-open{display:inline-block;color:#731025;font-size:13px;font-weight:500;text-decoration:none;margin-top:4px}.rl-open:hover{text-decoration:underline}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.print-header,.print-footer{display:none}@media print{body{background:#fff}#app{box-shadow:none;max-width:100%}.screen:not(#s-result){display:none!important}.nav-fixed,.btn-print,.btn-print-large,.result-top-bar .btn-print{display:none!important}.result-top-bar{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:14px}.score-big{background:#fff!important;color:#731025!important;border:2px solid #731025;-webkit-print-color-adjust:exact;print-color-adjust:exact}.score-big .score-num,.score-big .score-denom,.score-big .score-pct{color:#731025!important}.missing-item{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.m-ans,.m-best,.m-fix{-webkit-print-color-adjust:exact;print-color-adjust:exact}.r-wrap{padding:20px}.print-header{display:block!important;text-align:center;border-bottom:3px solid #731025;padding-bottom:14px;margin-bottom:18px}.ph-logo{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:900;color:#731025;letter-spacing:1px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ph-tag{font-size:13px;color:#666;font-style:italic;margin-top:4px}.print-footer{display:block!important;margin-top:30px;padding-top:18px;border-top:3px solid #731025;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pf-hotline{text-align:center;background:#731025!important;color:#fff!important;padding:14px 16px;border-radius:8px;margin-bottom:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pf-hl-label{font-size:13px;font-weight:600;margin-right:10px;color:#fff!important}.pf-hl-num{font-size:22px;font-weight:900;letter-spacing:2px;color:#fff!important}.pf-social{background:#fff5f6!important;border:1px solid #f0e8e9;padding:12px 16px;border-radius:8px;margin-bottom:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pf-social-title{display:block;font-size:12px;font-weight:700;color:#731025!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center}.pf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;color:#444}.pf-links span{white-space:nowrap}.pf-copyright{text-align:center;font-size:10.5px;color:#999;margin-top:8px}}.social-sidebar{position:fixed;right:24px;top:50%;transform:translateY(-50%);background:#fff;padding:18px 10px;border-radius:999px;box-shadow:0 8px 25px #0000001f;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:9999}.share-text{font-size:11px;font-weight:900;color:#7a1c2e;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:1px}.social-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;text-decoration:none;transition:all .25s ease}.social-btn:hover{transform:translate(-6px) scale(1.1);box-shadow:0 6px 16px #0003}.btn-fb{background:#1877f2}.btn-ms{background:linear-gradient(135deg,#ff4e8d,#7b5cff,#00c6ff)}.btn-zalo{background:#0068ff;font-size:11px;font-weight:700}.btn-x{background:#000}.btn-li{background:#0077b5}.btn-share{background:#10b981}@media(max-width:768px){.social-sidebar{display:none}}