/* Thanh Nhuệ: Arial, xanh Vina và cam. */
:root{--sans:Arial,Helvetica,sans-serif;--serif:Arial,Helvetica,sans-serif;--blue:#0072bc;--orange:#f58220;--ink:#16425e;--plum:#0072bc;--deep:#00588f;--gold:#f58220;--muted:#43677e;--paper:#fff;--soft:#f0f8fd;--line:#c6e3f5;color-scheme:light}
body,button,input,textarea,select,h1,h2,h3,h4,blockquote,strong,em,span,a,p,label,small,summary{font-family:Arial,Helvetica,sans-serif!important}
body{background:#fff;color:var(--ink);line-height:1.75}
h1,h2,h3,h4{font-weight:700!important;font-style:normal;letter-spacing:-.025em;overflow-wrap:break-word}
h2{font-size:clamp(30px,3.3vw,44px);line-height:1.22}
h3{line-height:1.35}em{font-style:normal!important;font-weight:700!important}
header,.topbar{background:#0072bc}.hero{background:linear-gradient(120deg,#00588f 0%,#0072bc 78%,#f58220 160%);color:#fff}.hero:before,.hero:after{opacity:.15}
.hero h1{font-size:clamp(48px,6.1vw,82px);font-weight:800!important;line-height:1.08;max-width:680px}
.hero h1 em,.hero .eyebrow{color:#ffac64}.hero h2,.hero-description,.hero .text-link{color:#fff}.hero h2{font-size:clamp(20px,2vw,25px);font-weight:700!important;line-height:1.45}
.hero-actions .button,.button,.form-panel .button{background:#f58220;color:#13354c;border-color:#f58220;font-weight:700;box-shadow:0 8px 24px #0072bc12}
.button:hover,.hero-actions .button:hover{background:#ff9b45;border-color:#ff9b45;transform:translateY(-2px)}
.eyebrow,.form-kicker,.tech-index,.number,.feature-card span,.feature-card b,.inquiry-copy h2 em,.brand-intro-copy h2 em{color:#0072bc;font-weight:700!important}
.section{padding-block:80px}.section-heading{padding-bottom:24px;border-bottom:2px solid #c6e3f5}.section-heading h2,.inquiry-copy h2,.brand-intro-copy h2{color:#00588f}
.benefit,.tech-card,.feature-card,.form-panel,.contact>div:last-child{border-color:#c6e3f5;box-shadow:0 8px 30px #0072bc08}.benefit,.tech-card,.feature-card{border-top:4px solid #f58220}
.roadmap,.experiences,.inquiry-section{background:#f0f8fd}.solution,.tags span{background:#f0f8fd}.step>span{background:#0072bc;color:#fff;border-color:#0072bc;font-weight:700}
.quote-band,footer{background:#00588f;color:#fff}.quote-band blockquote,.quote-band p,footer p,footer a,footer h3,footer span{color:#fff}.quote-band blockquote{font-weight:700;line-height:1.4}
.quick-contact{background:#fff;border-color:#c6e3f5}.quick-contact .quick-register{background:#0072bc;color:#fff;border-color:#0072bc}.quick-contact a{background:#f58220;color:#13354c;border-color:#f58220;font-weight:700}
.form-panel input,.form-panel textarea,.form-panel select,.portal-shell input,.portal-shell select,.portal-shell textarea{background:#fff;border-color:#a1cce7;color:#16425e}.form-panel label{font-weight:700}
a.text-link,.contact-direct a,.brand-intro-copy .text-link{color:#0072bc}.hero a.text-link{color:#fff}
.menu-toggle{color:#fff!important;border-color:#ffffff80!important}.nav nav{background:#0072bc}.nav nav a,.brand{color:#fff}
.portrait-frame{border:3px solid #f58220}.portrait-caption strong,.portrait-caption span{color:#fff}.frame-label{color:#00588f;background:#fff}.brand-intro-photo figcaption{color:#fff}
:focus-visible{outline:3px solid #f58220;outline-offset:4px}.form-panel input:focus,.form-panel textarea:focus{outline:2px solid #0072bc;outline-offset:2px}
.primary{background:#0072bc;border-color:#0072bc;color:#fff}.message-error{color:#00588f;background:#fff0e3;border-left:4px solid #f58220}.message-success{color:#00588f;background:#f0f8fd;border-left:4px solid #0072bc}
@media(max-width:760px){.hero h1{font-size:clamp(44px,11.5vw,64px)}.section{padding-block:52px}.hero h2{font-size:21px}.section-heading h2,h2,.brand-intro-copy h2{font-size:30px}.benefit h3,.feature-card h3{font-size:24px}.hero-actions{flex-wrap:wrap}.quick-contact{bottom:10px}.inquiry-grid>.form-panel{order:0}}

.admin-entry{display:inline-flex;align-items:center;justify-content:center;background:#f58220;border:2px solid #f58220;border-radius:10px;padding:10px 18px;color:#13354c!important;font-weight:700;margin-top:10px;min-height:44px}.admin-entry:hover{background:#ff9b45}

.evn-event{background:#fff7ef}.evn-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.evn-gallery .event-photo{aspect-ratio:4/3}.evn-gallery .event-photo img{display:block;object-fit:contain;background:#e8f4fb}.evn-gallery .event-card:first-child{grid-column:1/-1}.evn-gallery .event-card:first-child .event-photo{aspect-ratio:2.15}.evn-gallery .event-card:nth-child(2){grid-column:1/-1}.evn-gallery .event-card:nth-child(2) .event-photo{aspect-ratio:1.5}@media(max-width:760px){.evn-gallery{grid-template-columns:1fr;gap:20px}.evn-gallery .event-card:first-child .event-photo{aspect-ratio:2.15}.evn-gallery .event-card:nth-child(2) .event-photo{aspect-ratio:1.5}}

/* Bản xem trước thương hiệu kem – xanh ngọc – vàng đồng. */
:root{--blue:#12494c;--orange:#977443;--ink:#173e41;--plum:#12494c;--deep:#0c373c;--gold:#977443;--muted:#596969;--paper:#faf6ef;--soft:#f2e9dc;--line:#e4d9c8}body{background:#faf6ef!important;color:#173e41!important}header{background:#0c373c!important}h1,h2,h3{font-family:Georgia,'Times New Roman',serif!important}button,.primary,.submit-button,.quick-register,.admin-entry{background:#977443!important}.eyebrow{color:#977443!important}input,textarea,select{background:#fffdf8!important;border-color:#d7c8b2!important}.event-section,.evn-event{background:#f5ecdf!important}footer{background:#0c373c!important}
