/* House DNA visual language from the main MuaNhaTayHaNoi experience. */
:root{--bg:#070d09;--panel:#0e1a12;--ink:#e8f5ee;--muted:#8fb7a2;--line:rgba(0,255,136,.18);--accent:#00d88a;--accent-strong:#00ff88;--soft-teal:rgba(0,255,136,.1);--soft-amber:rgba(255,184,0,.12)}
body{background:#070d09;background-image:linear-gradient(rgba(4,10,6,.58),rgba(4,10,6,.72)),url('/media/house_dna_help.png');background-size:cover;background-position:center top;background-attachment:fixed;color:#e8f5ee}
.hc-alert{min-height:32px;padding:7px 20px;background:rgba(4,14,9,.92);color:#9de0cb;border-bottom:1px solid rgba(0,255,136,.18);text-align:center;font-size:12px;font-weight:600}.hc-topbar{background:rgba(4,14,9,.9);color:#fff;border-bottom:1px solid rgba(0,255,136,.18);box-shadow:0 4px 18px rgba(0,0,0,.28)}.hc-topbar-inner{width:min(1180px,calc(100% - 40px));min-height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.hc-topbar .brand{color:#e8f5ee}.hc-topbar .brand span{color:#00d88a}.hc-topbar .brand small{color:#8fb7a2}.hc-nav{display:flex;align-items:center;gap:8px}.hc-nav a{color:#c8e8dc;text-decoration:none;border:1px solid rgba(0,255,136,.25);border-radius:999px;padding:8px 14px;font-size:13px}.hc-nav a:hover,.hc-nav a.is-active{background:#00d88a;color:#062219;border-color:#00d88a}
.shell{width:min(1180px,calc(100% - 40px));padding-top:0}.hero{position:relative;max-width:none;min-height:248px;margin:22px 0 18px;padding:42px 46px;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,rgba(4,14,9,.94),rgba(4,14,9,.72)),url('/media/house_dna_help.png') center/cover;border:1px solid rgba(0,255,136,.3);box-shadow:0 12px 32px rgba(0,0,0,.28)}.hero h1{max-width:680px;color:#f2fff7}.hero p{max-width:620px;color:#b7d6c5}.hero .eyebrow{color:#00ff88}
.card,.report-section{background:rgba(8,24,16,.94);border-color:rgba(0,255,136,.2);box-shadow:0 14px 34px rgba(0,0,0,.3);color:#e8f5ee}.card label,.field-grid label{color:#c8e8dc}textarea,input,select{background:#07130c;color:#e8f5ee;border-color:rgba(0,255,136,.25)}textarea::placeholder,input::placeholder{color:#6b9e7e}.hint,.status,.muted,.report-head p,.axis-card p,.comparable span{color:#8fb7a2}.primary{background:#00d88a;color:#062219}.primary:hover{background:#00ff88}.secondary{background:transparent;color:#9de0cb;border-color:rgba(0,255,136,.35)}.match{background:rgba(0,255,136,.1);border-color:rgba(0,255,136,.3);color:#b7f4d5}.match.amber,.notice{background:rgba(255,184,0,.12);border-color:#ffb800;color:#ffe0a3}.candidate,.metric,.axis-card,.comparable,.journey{background:#0e1a12;border-color:rgba(0,255,136,.18);color:#e8f5ee}.candidate:hover,.candidate.selected{background:rgba(0,255,136,.12);border-color:#00d88a}.metric strong,.comparable p,.journey h3,.report-head h1,.decision h2{color:#00ff88}.decision{background:rgba(0,255,136,.1);border-color:rgba(0,255,136,.35)}.bar{background:#193324}.bar i{background:#00d88a}.site-brand{border-color:rgba(0,255,136,.18)}.verification-group{grid-column:1/-1;border:1px solid rgba(0,255,136,.18);border-radius:8px;padding:13px;margin-top:4px}.verification-group h3{margin:0 0 4px;color:#00ff88;font-size:14px}.verification-group .field-help{grid-column:1/-1;color:#8fb7a2;font-size:12px;margin:0 0 8px}.verification-group label{margin-bottom:0}
@media(max-width:650px){.hc-topbar-inner{width:calc(100% - 24px);min-height:64px}.hc-nav a{padding:7px 9px;font-size:12px}.hc-nav a:first-child{display:none}.shell{width:calc(100% - 24px)}.hero{padding:28px 22px;min-height:280px}.hero h1{font-size:32px}.hero p{font-size:14px}.card,.report-section{padding:17px}}
@media print{.hc-alert,.hc-topbar{display:none}body{background:#fff;background-image:none;color:#111}.card,.report-section{background:#fff;border-color:#aaa;box-shadow:none}.metric,.axis-card,.comparable,.journey{background:#fff}.metric strong,.comparable p,.journey h3,.report-head h1,.decision h2{color:#146c5d}.report-head p,.muted,.axis-card p,.comparable span{color:#444}.hero{box-shadow:none}}