/* Nhận diện do anh BI cung cấp: đỏ #CC0000, vàng #FFD700,
   mực #29282E, kem #FEFBEE. Giữ cấu trúc và nền tối đã duyệt. */
:root,:root[data-theme="dark"]{--bg:#17171b;--bg2:#202025;--card:#29282e;--ink:#fefbee;--muted:#c9c6bb;--red:#ffd700;--red-ink:#29282e;--gold:#ffd700;--gold-soft:#35311d;--line:#48464b;--ph:#29282e;--font-body:"Be Vietnam Pro",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17171b;--bg2:#202025;--card:#29282e;--ink:#fefbee;--muted:#c9c6bb;--red:#ffd700;--red-ink:#29282e;--gold:#ffd700;--gold-soft:#35311d;--line:#48464b}}
body{background:radial-gradient(ellipse at 0 0,#cc000022,transparent 740px),var(--bg)}
h1,h2,h3,.brand{font-family:"Inter",var(--font-body)}
header{background:#17171bf5;border-top:3px solid #cc0000}
.brand-lockup{width:185px;height:auto;display:block;border-radius:7px}
.brand{flex-shrink:0}
.btn.main,.mini,.final .formcard .btn.main{background:#ffd700;color:#29282e;border-color:#ffd700;box-shadow:none}
.btn.main:hover,.mini:hover{background:#ffe442;filter:none;box-shadow:0 0 0 3px #ffd70020}
.btn.ghost{color:#fefbee;border-color:var(--line)}
.accent{color:#ffd700}
.hero-focus .tag{background:#29282e;border-color:#625b36;color:#fefbee}
.hero-route li{background:#29282e;border-color:#48464b;border-top:3px solid #cc0000}
.hero-route span,.eyebrow,.card-index,.text-link,.step .n{color:#ffd700}
.pain,.quote,.gift{background:#29282e}
.step{border-top:3px solid #cc0000;background:#29282e}
.who .portrait{background:#29282e;border-color:#cc0000;box-shadow:12px 12px 0 #cc000018}
.gift:first-child{background:#fefbee;border-color:#fefbee;color:#29282e}
.gift:first-child h3{color:#29282e}.gift:first-child p{color:#514d47}.gift:first-child .card-index,.gift:first-child .text-link{color:#cc0000}
.teacher-return img{border-color:#cc0000}
.final{background:radial-gradient(ellipse at 0 0,#cc000015,transparent 70%),#202025}
.offer{border-color:#cc0000}.offer .left{background:linear-gradient(135deg,#cc000019,#29282e)}
.badge{background:#cc0000;color:#fefbee}.perk i{background:#ffd700;color:#29282e}
.booking-steps li:before{border-color:#ffd700;color:#ffd700}
.privacy-note{border-left:3px solid #cc0000}
.form-extra{border:1px solid var(--line);padding:15px;border-radius:12px}
.form-extra summary{font-size:14px;min-height:28px;align-items:center}
.extra-fields{display:grid;gap:14px;margin-top:18px}
.hero-service{font-size:13px;letter-spacing:.04em;color:#fefbee;margin:0 0 18px}
.trust-inline{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:24px;font-size:12px;color:var(--muted)}
.trust-inline img{width:42px;height:42px;object-fit:cover;object-position:50% 20%;border:2px solid #cc0000;border-radius:50%}
.trust-inline strong{color:var(--ink);font-weight:600}
.mobile-booking{background:#202025fa;border-color:#cc0000}.mobile-booking span{color:#c9c6bb}
.err{color:#ffb8b8}
@media(max-width:520px){.brand-lockup{width:148px}.bar{gap:8px}.hero-service{font-size:11px}.trust-inline{font-size:11px;gap:10px;text-align:left}.hero-focus h1{font-size:34px}.mini{min-height:44px;display:inline-flex;align-items:center}.page-nav a{min-height:44px}.booking-intro h3{font-size:24px}}