:root{--purple:#12696d;--ink:#142e41;--muted:#627782;--bg:#f2f5f4;--line:#dde6e4;--yellow:#dac38a}body,button,input,select,textarea{font-family:'Be Vietnam Pro',Arial,sans-serif}body{background:#f2f5f4}.brand{font-size:22px;letter-spacing:-1px}.brand img{height:43px;width:38px}.brand .purple{color:#117276}.sidebar{background:#fff}.side-helper{background:#e8f0ec;border-color:#c8dcd4;box-shadow:0 5px 0 #c1d4cb}.helper-icon{display:none}.side-helper b{font-size:13px}.side-helper p{font-size:11px}.side-helper .btn.white{background:#fff;color:#23545b;box-shadow:0 4px 0 #bdcfc8}.nav-wide,.nav-compact{font-family:'Be Vietnam Pro',Arial,sans-serif}nav a.active{background:#e2f1ed;border-color:#bad8ce;color:#145b62;box-shadow:0 4px 0 #bfd8ce}nav a:hover{background:#edf5f2}.topbar{background:#fff}.avatar{background:#e5ece9;color:#28645f;box-shadow:0 3px 0 #c3d4ca}.welcome h1{font-size:24px;font-weight:800}.mini-label{color:#627b80}.hero-v2{background:#e5eeea;min-height:500px;border:1px solid #c2d6cd;box-shadow:0 7px 0 #c5d7d0;border-radius:22px}.hero-v2 .hero-scene{width:58%;height:100%;right:0;object-fit:cover;object-position:center;transform:none}.hero-v2 .hero-shade{background:linear-gradient(90deg,#e5eeea 0%,#e5eeea 38%,#e5eeea00 65%)}.hero-copy{width:57%;z-index:2}.hero-v2 h2{font-size:46px;color:#173445;font-weight:800;letter-spacing:-1.7px}.hero-v2 h2 span{color:#117276;text-shadow:none}.hero-v2 p{color:#45616a;font-size:14px;line-height:1.9}.hero-v2 .eyebrow{color:#35676a}.hero-hud{background:#fffdf5;border:1px solid #c8dacf;box-shadow:0 5px 0 #08233133;color:#1c4350}.hero-coordinate{display:none}.btn{background:#12696d;color:#fff;box-shadow:0 6px 0 #0a454c;border-color:#3e8e8a;border-radius:12px;font-weight:700}.btn:hover{box-shadow:0 8px 0 #0a454c}.btn.ghost{background:#fff;color:#235c64;border:1px solid #bfd4cd;box-shadow:0 5px 0 #bdcec7}.btn.yellow{background:#e5d6b3;color:#3d4b3c;border-color:#d4c196;box-shadow:0 5px 0 #b5a67c}.hero-buttons .btn.ghost{background:#fff;color:#235c64;border-color:#bfd4cd;box-shadow:0 5px 0 #bdcec7}.hero-trust{color:#456c65}.stat{box-shadow:0 4px 0 #dce6e2;border-color:#d5e0dc;border-radius:14px}.stat strong{font-size:26px;color:#173445}.stat-icon{background:#e2f1ed;color:#12696d}.stat:nth-child(2) .stat-icon{background:#f1ebda;color:#8c7547}.stat:nth-child(3) .stat-icon{background:#e5edf4;color:#385b7a}.stat:nth-child(4) .stat-icon{background:#e7eeec;color:#366c62}.score{color:#12696d;background:none;-webkit-text-fill-color:currentColor}.page-intro h1{font-weight:800;color:#173445}.page-intro .eyebrow{color:#467879}.panel{border-color:#d3dfda;box-shadow:0 5px 0 #dbe5df}.tabs{display:none}.level-grid{display:block}.adult-path{background:#fff;border:1px solid #ccdcd4;border-radius:18px;padding:28px;box-shadow:0 6px 0 #ceded6}.adult-path-head{display:flex;gap:20px;justify-content:space-between;align-items:center}.adult-path-head h3{font-size:25px;font-weight:800;margin:9px 0}.adult-path-head p{font-size:12px;color:#627782;line-height:1.9;max-width:680px}.adult-path-head .pill{background:#e8f0ec;color:#38605c;border:1px solid #c4d8cf;white-space:nowrap}.adult-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:26px 0;border-top:1px solid #e0e7e3;padding-top:24px}.adult-stages span{font-size:10px;color:#66827a;font-weight:700;letter-spacing:1px}.adult-stages h4{font-size:16px;line-height:1.6;margin:8px 0;color:#193b49}.adult-stages p{font-size:11px;color:#6c7b83;line-height:1.8}.adult-path .btn{margin-top:4px}.adult-path small{font-size:10px;color:#71827c;margin-left:15px}.course-summary{background:#e4eeea;border-color:#c5d8cd;box-shadow:0 5px 0 #c4d7cc}.course-summary h2{color:#193b49}.course-summary .summary-orbit{display:none}.lesson-card{background:#fff;border-color:#d4dfda;box-shadow:0 5px 0 #d3dfd7;border-radius:14px}.lesson-card.lesson-modern{background:#f3f7f5}.lesson-card h3{font-size:16px;color:#173445;font-weight:700}.lesson-symbol{font-size:0;color:#12696d}.lesson-symbol .ui-icon{width:32px;height:32px;stroke-width:1.6}.lesson-done{border-color:#a1c9b4}.progress-track>div{background:#358f7b}.filter-btn.active,.tab.active{background:#12696d;color:#fff}.option.selected{background:#e3f1eb;border-color:#358f7b;box-shadow:0 4px 0 #bdd6ca}.option .letter{color:#12696d;background:#e3efea}.lab-card,.radar-card{border-color:#d0ddd6;border-radius:15px;box-shadow:0 5px 0 #d4ded8}.lab-banner{background:#dfece6;border-color:#c0d7cc}.lab-banner h2,.lab-banner p{color:#1c4953}.lab-simulation{background:#fff;border-color:#c5d8ce}.expert-card{background:#e5eeea;border-color:#c5d8ce}.expert-card h3{color:#23444e}.expert-card p{color:#546f75}.practice-hub{background:#e6eee9;border-color:#c9d9ce;box-shadow:0 5px 0 #cbdccf}.practice-hub h2{color:#20444e}.hub-robot{display:none}.badge{background:#fff;border-color:#d4dfda;box-shadow:0 4px 0 #d2ded6}.evidence-desk article{background:#eff4f1;border-color:#cbdcd2}.certificate.diploma,.certificate.diploma h2,.certificate.diploma .cert-name{font-family:'Be Vietnam Pro',Arial,sans-serif}.certificate.diploma .cert-name{font-size:39px;font-weight:800}.certificate.diploma h2{font-size:36px;font-weight:800}.certificate.diploma h2 span{font-size:24px}.diploma-award span{font-size:0}.diploma-award span:after{content:'AN TOÀN SỐ';font-size:8px}.diploma-metrics>div:first-child b{font-size:14px}.diploma-footer{font-size:7px}.result-icon{font-size:48px}.result-icon .ui-icon{width:58px;height:58px}.profile-btn{max-width:260px}.modal-head h2{font-size:23px}
@media(max-width:1050px){.hero-v2 h2{font-size:37px}.hero-v2 .hero-buttons{flex-wrap:wrap}.hero-v2 p{font-size:12px}.adult-path-head h3{font-size:22px}.adult-stages{gap:14px}.adult-stages h4{font-size:14px}.certificate.diploma .cert-name{font-size:34px}}
@media(max-width:600px){.brand{font-size:20px}.welcome h1{font-size:20px;line-height:1.55}.hero-v2{padding:26px 22px;min-height:685px;border-radius:18px}.hero-copy{width:100%}.hero-v2 h2{font-size:35px;letter-spacing:-1.2px;max-width:320px}.hero-v2 p{font-size:12px;max-width:320px}.hero-v2 .hero-scene{top:auto;bottom:0;width:100%;height:305px;object-fit:cover;object-position:center}.hero-v2 .hero-shade{background:linear-gradient(180deg,#e5eeea 0%,#e5eeea 48%,#e5eeea00 59%)}.hero-v2 .hero-buttons{flex-direction:row;flex-wrap:wrap;gap:12px}.hero-v2 .hero-buttons .btn{font-size:10px}.hero-v2 .hero-trust{font-size:8px;gap:10px}.hero-hud{bottom:12px;right:12px}.hero-hud b{color:#245963}.section-heading h2{font-size:23px;line-height:1.5}.adult-path{padding:22px}.adult-path-head{display:block}.adult-path-head .pill{display:inline-block;margin-top:14px}.adult-path-head h3{font-size:21px}.adult-stages{grid-template-columns:1fr;gap:18px}.adult-stages h4{font-size:16px;margin:5px 0}.adult-stages p{font-size:12px}.adult-path small{display:block;margin:16px 0 0}.adult-path .btn{width:100%}.lesson-card h3{font-size:13px;line-height:1.65}.lesson-symbol .ui-icon{width:26px;height:26px}.chapter-title h2{font-size:16px;line-height:1.5}.certificate.diploma .cert-name{font-size:26px}.certificate.diploma h2{font-size:23px}.certificate.diploma h2 span{font-size:17px}.diploma-metrics>div:first-child b{font-size:8px;line-height:1.7}.diploma-metrics span{font-size:5px}.diploma-issuer b{font-size:16px}.diploma-brand b{font-size:15px}.diploma-edition b{font-size:5px}.diploma-top{gap:7px}.diploma-course strong{font-size:11px}.modal-head h2{font-size:20px}.practice-hub h2{font-size:21px}nav a.active{box-shadow:0 3px 0 #bdd6ca}.nav-compact{font-size:8px}.stat strong{font-size:23px}.lab-banner h2{font-size:20px}.profile-btn{max-width:44px}}
@media(max-width:360px){.hero-v2{min-height:735px}.hero-v2 h2{font-size:30px}.hero-v2 .hero-buttons{flex-direction:column;align-items:stretch}.hero-v2 .hero-shade{background:linear-gradient(180deg,#e5eeea 0%,#e5eeea 55%,#e5eeea00 63%)}}
@media print{.certificate.diploma .cert-name{font-size:32px}.certificate.diploma h2{font-size:28px}.certificate.diploma h2 span{font-size:20px}}

body h1,body h2,body h3,body h4,body .brand,body .stat strong,body .btn,body .score,body .cert-name{font-family:'Be Vietnam Pro',Arial,sans-serif}nav a .ui-icon{color:#3b6870}nav a.active .ui-icon{color:#12696d}.status-live{color:#426d65}.radar-card.violet,.radar-card.pink{background:#eef1f3;border-color:#d0dce0}.radar-card.violet .radar-icon,.radar-card.pink .radar-icon{background:#dde7ec;color:#416477}
.sidebar nav a{color:#56717a}.sidebar nav a:hover{color:#21575e;background:#edf5f2}.sidebar nav a.active{background:#e2f1ed;border-color:#bad8ce;color:#145b62;box-shadow:0 4px 0 #bfd8ce}.sidebar nav a .ui-icon{color:#597a80}.sidebar nav a.active .ui-icon{color:#12696d}.badge p,.powered,.drabuff-top b,.drabuff-top small,footer{color:#365968}.diploma-award span{font-size:8px}.diploma-award span:after{content:none}
@media(max-width:600px){.hero-v2{min-height:780px}.hero-v2 .hero-shade{background:linear-gradient(180deg,#e5eeea 0%,#e5eeea 57%,#e5eeea00 69%)}.sidebar nav a.active{box-shadow:0 3px 0 #bfd8ce}.hero-v2 .hero-trust{font-size:9px;color:#3e6159}}
@media(max-width:360px){.hero-v2{min-height:850px}.hero-v2 .hero-shade{background:linear-gradient(180deg,#e5eeea 0%,#e5eeea 62%,#e5eeea00 74%)}}