:root{--c-primary:#316e8d;--c-primary-90:#285a74;--c-primary-12:#316e8d1f;--c-cyan:#56c5d0;--c-green:#8ac865;--c-green-90:#74b450;--c-orange:#f9a618;--c-orange-90:#e0940c;--c-text:#1a1a1a;--c-text-muted:#5b616b;--c-muted:#5b616b;--c-bg:#fff;--c-bg-alt:#f7f8fa;--c-border:#e1e5ea;--c-focus:#1b6ec2;--c-error:#b3261e;--grad-highlight:linear-gradient(90deg, #316e8d 0%, #56c5d0 100%);--font-base:"Be Vietnam Pro", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fs-display:54px;--fs-h1:40px;--fs-h2:30px;--fs-h3:21px;--fs-lead:20px;--fs-body:18px;--fs-meta:14px;--fs-btn:16px;--lh-tight:1.15;--lh-body:1.7;--container:1240px;--space-section:64px;--space-card-gap:32px;--radius-card:12px;--radius-pill:999px;--radius-input:8px;--transition:.18s ease;--shadow-card:0 4px 16px #1420320f, 0 1px 2px #1420320a;--shadow-card-hover:0 12px 28px #1420321f, 0 2px 4px #1420320f;--shadow-header:0 1px 4px #00000014}@media (width<=767px){:root{--fs-display:34px;--fs-h1:30px;--fs-h2:24px;--fs-h3:19px;--fs-lead:18px;--fs-body:17px;--space-section:40px;--space-card-gap:16px}.section-head--center h2{font-size:19px;letter-spacing:-.01em;white-space:nowrap}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-base);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}a{color:var(--c-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--c-primary-90)}h1,h2,h3,h4{color:var(--c-text);line-height:var(--lh-tight);margin:0 0 .5em;font-weight:700}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 1em}ul{margin:0 0 1em;padding-left:1.25em}li{margin-bottom:.35em}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.container{max-width:var(--container);width:100%;margin:0 auto;padding:0 24px}@media (width<=767px){.container{padding:0 22px}}.skip-link{background:var(--c-primary);color:#fff;border-radius:var(--radius-input);z-index:1000;padding:10px 16px;font-weight:600;position:absolute;top:-100px;left:16px}.skip-link:focus{color:#fff;top:12px}.site-header{z-index:50;background:var(--c-bg);box-shadow:var(--shadow-header);position:sticky;top:0}.utility{border-bottom:1px solid var(--c-border)}.utility-inner{max-width:var(--container);align-items:center;gap:20px;margin:0 auto;padding:14px 24px;display:flex}.brand{color:var(--c-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-mark{background:var(--grad-highlight);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.brand-tagline{color:var(--c-muted);margin-left:4px;font-size:13px;font-weight:500}@media (width<=1023px){.brand-tagline{display:none}}.utility-actions{align-items:center;gap:14px;display:flex}.lang-toggle{border:1px solid var(--c-border);border-radius:var(--radius-pill);font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--c-muted);background:0 0;border:0;padding:6px 12px}.lang-toggle button[aria-pressed=true]{background:var(--c-primary);color:#fff}.lang-toggle button[aria-pressed=false]{display:none}.login-link{color:var(--c-text);font-size:15px;font-weight:600}.login-link:hover{color:var(--c-primary)}.cta-join{background:var(--c-green);border-radius:var(--radius-pill);transition:background var(--transition);padding:10px 18px;font-size:14px;font-weight:700;color:#fff!important}.cta-join:hover{background:var(--c-green-90);color:#fff}.vital-page .nav{background:var(--c-primary)}.nav-inner{max-width:var(--container);gap:4px;margin:0 auto;padding:0 12px;display:flex}.nav-item{position:relative}.nav-link{color:#fff;letter-spacing:.02em;transition:background var(--transition);background:0 0;border:0;align-items:center;gap:6px;padding:16px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link[data-active=true]{color:#fff;background:#ffffff1a}.nav-link[data-active=true]{box-shadow:inset 0 -3px 0 var(--c-cyan)}.chev{opacity:.8;font-size:11px}.nav-panel{border:1px solid var(--c-border);border-radius:var(--radius-card);min-width:260px;box-shadow:var(--shadow-card-hover);z-index:60;background:#fff;padding:10px;display:none;position:absolute;top:100%;left:0}.nav-item:hover .nav-panel,.nav-item:focus-within .nav-panel{display:block}.nav-panel a{color:var(--c-text);border-radius:8px;padding:10px 14px;font-size:15px;font-weight:500;display:block}.nav-panel a:hover{background:var(--c-bg-alt);color:var(--c-primary)}.mobile-toggle{color:#fff;background:0 0;border:0;align-items:center;gap:8px;padding:14px;font-weight:600;display:none}@media (width<=1023px){.mobile-toggle{display:inline-flex}.nav-inner{display:none}.nav.open .nav-inner{background:var(--c-primary);flex-direction:column;gap:0;padding:12px 16px;display:flex}.nav-link{border-bottom:1px solid #ffffff14;width:100%;padding:14px 8px}.nav-panel{box-shadow:none;background:0 0;border:0;padding:0 0 8px 16px;display:block;position:static}.nav-panel a{color:#ffffffd9;padding:8px 0}.nav-panel a:hover{color:#fff;background:0 0}.chev{display:none}}.hero{background:var(--c-bg);padding:80px 0 0}@media (width<=767px){.hero{padding:48px 0 0}}.hero h1{font-size:var(--fs-display);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.015em;max-width:920px;margin:12px 0 18px}.hl{background:var(--grad-highlight);color:#fff;border-radius:6px;margin:0 4px;padding:0 14px;display:inline-block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--c-primary);margin-bottom:6px;font-size:13px;font-weight:700;display:inline-block}.hero .lead,.lead{font-size:var(--fs-lead);color:var(--c-primary-90);max-width:760px;font-weight:500;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{font-size:var(--fs-btn);letter-spacing:.02em;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);border:0;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--c-primary);color:#fff}.btn--primary:hover{background:var(--c-primary-90);color:#fff}.btn--green{background:var(--c-green);color:#fff}.btn--green:hover{background:var(--c-green-90);color:#fff}.btn--orange{background:var(--c-orange);color:#fff}.btn--orange:hover{background:var(--c-orange-90);color:#fff}.btn--outline{color:var(--c-primary);border:1.5px solid var(--c-primary);background:#fff;padding:12.5px 28px}@media (hover:hover){.btn--outline:hover{background:var(--c-bg-alt);color:var(--c-primary-90)}}.btn--text{color:var(--c-primary);background:0 0;border-radius:0;padding:4px 0;font-weight:700}.btn--text .arrow{transition:transform var(--transition);display:inline-block}.btn--text:hover{color:var(--c-primary-90)}.btn--text:hover .arrow{transform:translate(4px)}.tribrand{background:var(--c-bg-alt);border-radius:var(--radius-card);border:1px solid var(--c-border);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;padding:20px;display:grid}.tribrand .slot{flex-direction:column;gap:2px;display:flex}.tribrand .role{text-transform:uppercase;letter-spacing:.1em;color:var(--c-primary);font-size:11px;font-weight:700}.tribrand .name{color:var(--c-text);font-size:15px;font-weight:700}.tribrand .sub{color:var(--c-muted);font-size:13px}@media (width<=767px){.tribrand{grid-template-columns:1fr}}.ph{border-radius:var(--radius-card);aspect-ratio:16/10;color:#ffffffe6;letter-spacing:.05em;background:url(../../../uploads/vital-assets/album-panel-CKUC7phy.jpg) 50%/cover no-repeat;place-items:center;width:100%;font-size:12px;font-weight:600;display:grid;position:relative}.ph--teal{background-image:url(../../../uploads/vital-assets/album-international-BkK1ZhDo.jpg)}.ph--orange{background-image:url(../../../uploads/vital-assets/album-finance-B9uMXrc7.jpg)}.ph--green{background-image:url(../../../uploads/vital-assets/album-visit-LM2NezVg.jpg)}.ph--soft{color:var(--c-muted);background-image:url(../../../uploads/vital-assets/album-discussion-CK-fwkg2.jpg)}.feature-grid{gap:var(--space-card-gap);grid-template-columns:1.4fr 1fr;margin:56px 0 0;display:grid}.stack{gap:var(--space-card-gap);grid-template-rows:1fr 1fr;display:grid}@media (width<=900px){.feature-grid{grid-template-columns:1fr}}.fcard{border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--c-text);min-height:280px;transition:transform var(--transition), box-shadow var(--transition);background:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.fcard:hover{box-shadow:var(--shadow-card-hover);color:var(--c-text);transform:translateY(-2px)}.fcard .ph{aspect-ratio:auto;border-radius:0;height:100%;transition:transform .3s;position:absolute;inset:0}.fcard:hover .ph{transform:scale(1.03)}.feature-grid .fcard{min-height:100%}.feature-grid>.fcard{min-height:552px}.stack .fcard{min-height:264px}@media (width<=900px){.feature-grid>.fcard,.stack .fcard{min-height:320px}}/* Theo mẫu isqua: nhãn danh mục dính sát mép trên–phải của thẻ (không
   thụt vào), chỉ bo tròn góc dưới–trái nên nhìn như một tab gắn vào thẻ.
   Góc trên–phải tự bo theo thẻ nhờ overflow:hidden của .fcard. */
.cat-label{z-index:2;color:#fff;letter-spacing:.02em;border-radius:0 0 0 14px;padding:11px 22px;font-size:17px;font-weight:700;line-height:1.2;position:absolute;top:0;right:0}.cat-teal{background:var(--c-primary)}.cat-orange{background:var(--c-orange)}.cat-green{background:var(--c-green)}.cat-cyan{background:var(--c-cyan)}.fcard-body{color:#fff;z-index:2;padding:24px;position:absolute;bottom:0;left:0;right:0}.fcard-title{color:#fff;margin-bottom:6px;font-size:22px;line-height:1.25}.fcard-meta{color:#ffffffe6;margin:0;font-size:14px}/* Mẫu isqua dùng dải màu ĐẶC bán trong suốt, cạnh trên cắt thẳng — không
   phải gradient loang dần như bản cũ. Để ~90% độ đục: chữ trắng vẫn rõ mà
   vẫn thấy thoáng ảnh phía sau, giống hệt mẫu. */
.cat-teal-band{background:#316e8de6}.cat-orange-band{background:#e0940ce6}.cat-green-band{background:#74b450e6}.section{padding:var(--space-section) 0}.section--alt{background:var(--c-bg-alt)}.section--tight{padding:48px 0}.section+.section{padding-top:calc(var(--space-section) * .55)}.section-head{max-width:760px;margin-bottom:28px}.section-head--center{max-width:860px;text-align:center;margin-left:auto;margin-right:auto}.section-head--center .lead{margin-left:auto;margin-right:auto}.section-head .lead{margin-top:8px;font-size:17px}.row-between{justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}@media (width<=767px){.row-between{flex-direction:column;align-items:flex-start}.section-head{margin-bottom:20px}}.pillars{gap:var(--space-card-gap);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.pillar{border:1px solid var(--c-border);border-radius:var(--radius-card);transition:transform var(--transition), box-shadow var(--transition);background:#fff;padding:0 0 28px;overflow:hidden;min-width:0}.pillar h3,.pillar p{overflow-wrap:break-word}.pillar:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.pillar-photo{aspect-ratio:16/10;margin-bottom:16px}.pillar .ico{background:var(--c-primary-12);width:48px;height:48px;color:var(--c-primary);border-radius:12px;place-items:center;margin:0 24px 16px;display:grid}.pillar h3{margin:0 24px 8px;font-size:20px}.pillar p{color:var(--c-muted);margin:0 24px;font-size:16px}.pillars-carousel{position:relative}.pillars-carousel .pillars-prev,.pillars-carousel .pillars-next,.pillars-dots{display:none}.pillars-dots{gap:8px;justify-content:center;margin-top:16px}.pillars-dot{width:8px;height:8px;min-width:8px;min-height:8px;margin:0;padding:0;border:0;border-radius:999px;background:var(--c-border);line-height:1;transition:background var(--transition),transform var(--transition)}.pillars-dot.is-active{background:var(--c-primary);transform:scale(1.25)}@media (width<=900px){.pillars{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 4px 12px}.pillars::-webkit-scrollbar{display:none}.pillar{scroll-snap-align:start;flex:0 0 85%;min-width:0}.pillars-carousel .pillars-prev,.pillars-carousel .pillars-next{display:grid}.pillars-dots{display:flex}}.card-grid{gap:var(--space-card-gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.card-grid{grid-template-columns:1fr}}.card{border-radius:var(--radius-card);border:1px solid var(--c-border);box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition);background:#fff;flex-direction:column;display:flex;overflow:hidden}.card--link{color:inherit;cursor:pointer;text-decoration:none}.card:hover,.card--link:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card--link:hover h3{color:var(--c-primary)}.card .ph{aspect-ratio:16/10;border-radius:0}.card-body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.card-meta{font-size:var(--fs-meta);color:var(--c-muted);font-weight:500}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--c-cyan);color:#fff;border-radius:var(--radius-pill);letter-spacing:.02em;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.card h3{color:var(--c-text);margin:4px 0 0;font-size:19px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card h3 a{color:var(--c-text)}.card h3 a:hover{color:var(--c-primary)}/* Bỏ flex:1 ở .excerpt: trong .card-body (flex column) nó bị kéo giãn cao
   ra để lấp chỗ trống, làm -webkit-line-clamp:2 mất tác dụng (đoạn dài vẫn
   hiện 4 dòng). Đẩy khoảng trống xuống .more bằng margin-top:auto để nút
   "Xem chi tiết" vẫn nằm sát đáy thẻ như cũ. */
.card .excerpt{color:var(--c-muted);margin:0;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .more{color:var(--c-primary);margin-top:auto;padding-top:10px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.frow{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.frow--top{align-items:stretch}.frow-text--end{text-align:left;display:flex;flex-direction:column}.contact-illust{opacity:.38;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:280px;height:auto;margin-top:28px;display:block}.frow-media{height:320px;min-height:320px}.frow-media .ph{aspect-ratio:auto;height:100%}.frow-text h2{margin-top:6px}.select-placeholder{color:var(--c-muted)}.program-select{position:relative}.program-select-trigger{border:1.5px solid var(--c-border);border-radius:var(--radius-input);width:100%;font:inherit;color:var(--c-text);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:16px;display:flex}.program-select-trigger--placeholder{color:var(--c-muted)}.program-select-chev{color:var(--c-muted);flex-shrink:0;font-size:12px}.program-select-panel{z-index:30;border:1px solid var(--c-border);border-radius:var(--radius-input);box-shadow:var(--shadow-card);background:#fff;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.program-select-search{border:0;border-bottom:1px solid var(--c-border);width:100%;font:inherit;border-radius:0;outline:0;padding:12px 16px;font-size:15px}.program-select-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.program-select-option{width:100%;font:inherit;color:var(--c-text);cursor:pointer;text-align:left;background:0 0;border:0;padding:10px 16px;font-size:14px;line-height:1.4}.program-select-option:hover,.program-select-option.is-selected{background:var(--c-primary-12);color:var(--c-primary)}.program-select-empty{color:var(--c-muted);padding:12px 16px;font-size:14px}.select-placeholder option{color:var(--c-text)}@media (width<=900px){.frow{grid-template-columns:1fr;gap:32px}.frow-media{height:240px;min-height:240px}}.stats{background:var(--c-primary);color:#fff}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat .num{color:#fff;letter-spacing:-.02em;font-size:52px;font-weight:800;line-height:1}.stat .label{color:#ffffffd9;margin-top:8px;font-size:16px;font-weight:500}@media (width<=767px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat .num{font-size:40px}}.quote-block{text-align:center;max-width:820px;margin:0 auto;padding:32px;position:relative}.quote-block .q{color:var(--c-cyan);display:block;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:76px;line-height:.6;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.quote-block .q--open{margin:0 0 22px}.quote-block .q--close{margin:26px 0 0;line-height:1}.quote-block blockquote{color:var(--c-text);margin:0 0 16px;font-size:24px;font-style:italic;font-weight:500;line-height:1.5;border:0;padding:0}.quote-block .cite{color:var(--c-muted);font-size:15px;font-weight:600}@media (width<=767px){.quote-block{padding:20px}.quote-block .q{font-size:56px}.quote-block .q--open{margin-bottom:16px}.quote-block .q--close{margin-top:18px}.quote-block blockquote{font-size:18px;line-height:1.5}}.partner-wall{gap:var(--space-card-gap);grid-template-columns:repeat(3,1fr);display:grid}.partner{border:1px solid var(--c-border);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:8px;padding:28px;display:flex}.partner .badge{background:var(--c-primary-12);color:var(--c-primary);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.08em;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.partner .pname{color:var(--c-text);margin-top:4px;font-size:19px;font-weight:800}.partner .pdesc{color:var(--c-muted);margin:0;font-size:15px}@media (width<=900px){.partner-wall{grid-template-columns:1fr}}.newsletter{background:var(--c-primary-12);border-radius:var(--radius-card);text-align:center;max-width:720px;margin:0 auto;padding:40px}.newsletter h2{color:var(--c-primary);margin-bottom:6px}.newsletter p{color:var(--c-muted);margin-bottom:20px}.news-form{flex-wrap:wrap;gap:10px;max-width:480px;margin:0 auto;display:flex}.news-form input{min-width:220px;font:inherit;border:1.5px solid var(--c-border);border-radius:var(--radius-pill);background:#fff;flex:1;padding:14px 18px;font-size:16px}.footer{background:var(--c-primary);color:#ffffffd9;margin-top:0;padding:64px 0 0}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}@media (width<=900px){.footer-top{grid-template-columns:1fr;gap:24px}}.footer .flogo{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:24px;font-weight:800;display:inline-flex}.footer .flogo .brand-mark{color:#fff;background:#ffffff26}.footer h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:15px}.footer ul{margin:0;padding:0;list-style:none}.footer li{margin-bottom:8px}.footer a{color:#ffffffd9;font-size:15px}.footer a:hover{color:#fff}.vital-footer-social{gap:10px;margin-top:14px;display:flex}.vital-footer-social__link{background:#ffffff1a;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:background var(--transition)}.vital-footer-social__link:hover{background:#ffffff33;color:#fff}.fabout{color:#ffffffd9;max-width:460px;margin-bottom:10px;font-size:15px}.tri-credit{color:#ffffffa6;max-width:460px;font-size:13px}.footer-bottom{color:#ffffffb3;border-top:1px solid #fff3;padding:20px 0;font-size:13px}.page-head{background:var(--c-bg-alt);padding:56px 0 48px}.page-head h1{color:var(--c-primary);font-size:var(--fs-h1);margin:12px 0}.page-head .lead{color:var(--c-muted);font-size:17px}@media (width<=767px){.page-head .lead{font-size:15px;line-height:1.5}}.page-head .container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-head>.container{align-items:center}.page-head .ph-head{flex:1;min-width:280px}.page-search{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-pill);flex-shrink:0;align-items:center;width:170px;margin-top:8px;padding:3px 4px 3px 14px;display:flex}@media (width<=767px){.page-search{width:100%}}.page-search input{font:inherit;color:var(--c-text);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:6px 0;font-size:13px}.page-search input::placeholder{color:var(--c-muted)}.page-search button{background:var(--c-primary);color:#fff;width:30px;height:30px;transition:background var(--transition);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.page-search button:hover{background:var(--c-primary-90)}.post-list{flex-direction:column;gap:24px;display:flex}.res-row{border:1px solid var(--c-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-bottom:16px;padding:22px 26px;display:grid}.res-row h3{margin:0 0 6px;font-size:18px}.res-row p{color:var(--c-muted);margin:0 0 10px;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.res-cta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.file{color:var(--c-muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.ftype{background:var(--c-bg-alt);border:1px solid var(--c-border);color:var(--c-primary);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}@media (width<=700px){.res-row{grid-template-columns:1fr}.res-cta{align-items:flex-start}}.post-item{border:1px solid var(--c-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:280px 1fr;align-items:start;gap:28px;padding:20px;display:grid}.post-item--link{color:inherit;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);text-decoration:none}.post-item--link:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.post-item--link:hover h3{color:var(--c-primary)}.post-item .ph{aspect-ratio:16/10}/* Danh sách Đào tạo / Tin tức / Chính sách / Kiến thức dùng chung
   .post-item — khách yêu cầu tiêu đề chỉ 1 dòng, dài hơn thì cắt "…".
   Dùng -webkit-line-clamp:1 (không dùng white-space:nowrap) để tiêu đề có
   gắn nhãn "Nổi bật" phía trước vẫn cắt đúng theo chiều rộng cột. */
.post-item h3{color:var(--c-text);margin:8px 0;font-size:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.post-item h3 a{color:var(--c-text)}.post-item h3 a:hover{color:var(--c-primary)}.post-item p{color:var(--c-muted);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-item--link .btn--text{pointer-events:none;align-items:center;gap:4px;display:inline-flex}.post-item--link:hover .btn--text .arrow{transform:translate(4px)}.p-meta{color:var(--c-muted);font-size:var(--fs-meta);font-weight:500}@media (width<=700px){.post-item{grid-template-columns:1fr}}.breadcrumb{color:var(--c-muted);font-size:14px}.breadcrumb a{color:var(--c-muted)}.breadcrumb a:hover{color:var(--c-primary)}.breadcrumb b{color:var(--c-text);font-weight:700}.breadcrumb span{color:var(--c-border);margin:0 6px}.modules{flex-direction:column;gap:16px;display:flex}.module{border:1px solid var(--c-border);border-left:4px solid var(--c-orange);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.module-row{grid-template-columns:56px 1fr auto;align-items:center;gap:20px;padding:20px 24px;display:grid}.module:hover{box-shadow:var(--shadow-card-hover);border-color:var(--c-primary);transform:translateY(-2px)}.mnum{width:56px;height:56px;color:var(--c-orange);background:#f9a61826;border-radius:12px;place-items:center;font-size:22px;font-weight:800;display:grid}.module h3{margin:0 0 4px;font-size:18px}.mmeta{color:var(--c-muted);margin:0;font-size:14px}.maside{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);letter-spacing:.03em;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.chip--upcoming{color:#0d6f7a;background:#56c5d02e}.chip--ongoing{color:#b45309;background:#f59e0b24}.chip--completed{color:#2d6a4f;background:#40916c1f}.chip--planned{background:var(--c-bg-alt);color:var(--c-muted);border:1px solid var(--c-border)}.chip--locked{color:var(--c-muted);background:#5b616b1a}@media (width<=700px){.module-row{grid-template-columns:48px 1fr}.mnum{width:48px;height:48px;font-size:18px}.maside{flex-flow:wrap;grid-column:1/-1;align-items:flex-start}}.faculty-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 4px 12px}.faculty-grid::-webkit-scrollbar{display:none}.faculty-carousel-item{scroll-snap-align:start;flex:0 0 calc(33.3333% - 16px);min-width:0}@media (width<=900px){.faculty-carousel-item{flex-basis:calc(50% - 12px)}}@media (width<=560px){.faculty-carousel-item{flex-basis:100%}}.faculty{border:1px solid var(--c-border);border-radius:var(--radius-card);background:#fff;padding:0 0 20px;text-align:center;width:100%;margin:0;overflow:hidden}
/* "Đội ngũ chuyên gia" and "Đội ngũ giảng viên" share one unified card
   style (230px, centered within its 1/3 flex slot) — no per-page
   overrides, so both carousels always look identical. */
.faculty .ph{height:340px;aspect-ratio:auto;width:100%;margin:0 0 14px;border-radius:0}.fname{color:var(--c-text);font-size:17px;font-weight:700;padding:0 20px}.ftitle{color:var(--c-primary);margin-top:4px;font-size:14px;font-weight:600;padding:0 20px}.frole{color:var(--c-muted);margin-top:2px;font-size:14px;padding:0 20px}.album-grid{gap:var(--space-card-gap);grid-template-columns:repeat(3,1fr);display:grid}.album{border-radius:var(--radius-card);border:1px solid var(--c-border);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.album .ph{aspect-ratio:4/3;border-radius:0}.ab-body{padding:18px}.ab-body h3{margin-bottom:4px;font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ab-body p{color:var(--c-muted);margin:0;font-size:14px}.ab-desc{margin-top:6px;line-height:1.5;text-transform:none;letter-spacing:normal;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (width<=900px){.album-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.album-grid{grid-template-columns:1fr}}.notice{background:var(--c-primary-12);border-radius:var(--radius-card);color:var(--c-text);align-items:flex-start;gap:14px;padding:18px 22px;font-size:16px;display:flex}.notice .ico{width:32px;height:32px;color:var(--c-primary);flex-shrink:0;place-items:center;display:grid}.res-list{flex-direction:column;gap:16px;display:flex}.stack-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ph--warm{color:#fff;background:linear-gradient(135deg,#f9a618 0%,#e07a2c 100%)}.ph--dark{color:#fff;background:linear-gradient(135deg,#285a74 0%,#12324a 100%)}.album-carousel{position:relative}.ac-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;padding:4px 4px 12px;display:flex;overflow-x:auto}.ac-track::-webkit-scrollbar{display:none}.ac-track .album{scroll-snap-align:start;flex:0 0 calc(33.3333% - 16px);min-width:0}@media (width<=900px){.ac-track .album{flex-basis:calc(50% - 12px)}}@media (width<=560px){.ac-track .album{flex-basis:100%}}/* Thẻ album là <button>, mà trình duyệt mặc định căn giữa nội dung theo
   chiều dọc bên trong button. Các thẻ bị kéo cao bằng nhau trong hàng
   flex, nên thẻ nào ít chữ hơn (không có mô tả, tiêu đề 1 dòng) thì cả
   khối ảnh + chữ bị đẩy tụt xuống giữa thẻ — nhìn thành ảnh so le nhau.
   Ép xếp dọc từ trên xuống để mọi ảnh thẳng hàng ở đỉnh thẻ. */
.album--btn{text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.album--btn:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.ac-arrow{z-index:5;border:1px solid var(--c-border);width:44px;height:44px;box-shadow:var(--shadow-card);color:var(--c-primary);transition:background var(--transition),color var(--transition);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:38%;transform:translateY(-50%)}.ac-arrow:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.ac-arrow--left{left:-18px}.ac-arrow--right{right:-18px}@media (width<=767px){.ac-arrow{width:38px;height:38px}.ac-arrow--left{left:-6px}.ac-arrow--right{right:-6px}}.lb-overlay{z-index:200;background:#0a1420d1;place-items:center;padding:24px;animation:.18s fade;display:grid;position:fixed;top:-20px;right:-20px;bottom:-20px;left:-20px}@keyframes fade{0%{opacity:0}to{opacity:1}}.lb-panel{background:#0b1b26;border-radius:14px;align-items:stretch;width:min(1040px,100%);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000059}.lb-stage{flex-direction:column;flex:1;min-width:0;display:flex}.lb-photo{object-fit:contain;background:#0b1b26;flex:1;width:100%;min-height:420px;max-height:70vh;display:block}.album .ab-cover{aspect-ratio:4/3;object-fit:cover;width:100%;display:block;border-radius:inherit}.ab-cover--empty{background:#f0f0f1;border:1px dashed #c3c4c7}.lb-meta{border-top:1px solid var(--c-border);background:#fff;padding:18px 24px}.lb-title{color:var(--c-text);font-size:17px;font-weight:700}.lb-album-meta{color:var(--c-primary);margin-top:3px;font-size:13px;font-weight:600}.lb-desc{color:var(--c-text);margin-top:6px;font-size:15px;line-height:1.55}.lb-caption{color:var(--c-muted);margin-top:6px;font-size:15px;font-style:italic}.lb-count{color:var(--c-muted);margin-top:6px;font-size:13px}.lb-close{z-index:2;border:1px solid var(--c-border);width:40px;height:40px;color:var(--c-text);box-shadow:var(--shadow-card);background:#fffffff2;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.lb-close:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.lb-arrow{z-index:2;border:1px solid var(--c-border);width:48px;height:48px;color:var(--c-primary);box-shadow:var(--shadow-card);background:#fffffff2;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-arrow:hover:not(:disabled){background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.lb-arrow:disabled{opacity:.4;cursor:not-allowed}.lb-arrow--left{left:14px}.lb-arrow--right{right:14px}@media (width<=640px){.lb-photo{min-height:280px}.lb-arrow{width:40px;height:40px}}.pager{justify-content:center;gap:6px;margin-top:20px;display:flex}.pager-btn{border:1px solid var(--c-border);min-width:36px;height:36px;color:var(--c-text);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-weight:600;transition:all .15s}.pager-btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.pager-btn.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.filter-row{justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}@media (width<=700px){.filter-row{justify-content:flex-start}}.chip--filter{cursor:pointer;border:1px solid var(--c-border);color:var(--c-text);font:inherit;letter-spacing:.03em;border-radius:var(--radius-pill);background:#fff;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.chip--filter:hover{border-color:var(--c-primary);color:var(--c-primary)}.chip--filter.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.file{flex-wrap:wrap}.field-error{color:#dc2626;margin:6px 0 0;font-size:13px}.section--after-article{padding-top:28px;padding-bottom:48px}.section--after-article+.section{padding-top:calc(var(--space-section) * .55)}.page-head--article>.container{flex-direction:column;align-items:flex-start}.page-head--article .ph-head h1{margin:12px 0 0;font-size:36px;line-height:1.2}@media (width<=767px){.page-head--article .ph-head h1{font-size:23px}}.article-date{color:var(--c-muted);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600;line-height:1.2}.article-meta{flex-shrink:0;align-items:center;gap:8px;margin-bottom:2px;display:flex}.article-meta-sep{color:var(--c-muted);font-size:14px;line-height:1}.article-location{color:var(--c-muted);white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2}.article-detail{max-width:920px;margin:0 auto}.article-body img{width:100%;height:auto}.article-body p{color:var(--c-text);margin:0 0 18px;font-size:18px;line-height:1.95}.article-figure{margin:28px 0 0}.article-figure .ph{aspect-ratio:16/10;border-radius:var(--radius-card)}.article-figure figcaption{color:var(--c-muted);margin-top:8px;font-size:13px;font-style:italic}.article-back{border-top:1px solid var(--c-border);justify-content:flex-end;margin-top:28px;padding-top:20px;display:flex}
.hero{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbfd 0%,#edf7fb 48%,#f7fbf4 100%);padding:88px 0 86px}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;z-index:-1;border-radius:999px}.hero:before{width:360px;height:360px;right:4%;top:42px;background:radial-gradient(circle,#56c5d04a 0%,#56c5d01a 46%,#56c5d000 72%);filter:blur(4px)}.hero:after{width:520px;height:520px;left:-210px;bottom:-250px;background:radial-gradient(circle,#8ac86530 0%,#8ac86510 48%,#8ac86500 72%)}.hero-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);align-items:center;gap:64px;min-height:560px}.hero-content{position:relative;z-index:2;animation:vitalFadeUp .7s ease both}/* Nhãn "CHƯƠNG TRÌNH ĐÀO TẠO" trên hero: khách yêu cầu to thêm nữa.
   Giãn chữ giảm từ .18em xuống .12em vì ở cỡ lớn khoảng cách rộng làm
   dòng chữ kéo dài quá, dễ tràn/xuống dòng trên màn hẹp. */
.hero .eyebrow{letter-spacing:.12em;color:var(--c-primary);margin-bottom:18px;font-size:22px;font-weight:800}.hero h1{max-width:760px;margin:0 0 24px;font-size:52px;font-weight:800;line-height:1.25;letter-spacing:0;color:var(--c-text)}.hero .hl{position:relative;isolation:isolate;margin:2px 8px 0 4px;padding:2px 16px 6px;border-radius:8px;background:var(--grad-highlight);box-shadow:0 16px 32px #316e8d2b;color:#fff}.hero .lead{max-width:760px;margin:0;color:#33566a;font-size:20px;line-height:1.65;font-weight:500}.hero-actions{gap:16px;margin-top:34px}.hero .btn{min-height:58px;padding:15px 32px;font-weight:800}.hero .btn--primary{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-cyan) 100%);box-shadow:0 16px 30px #316e8d30}.hero .btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 36px #316e8d3b;background:linear-gradient(135deg,var(--c-primary-90) 0%,var(--c-primary) 100%)}.hero .btn--outline{border:1.5px solid #316e8d66;background:#ffffffb8;color:var(--c-primary);box-shadow:0 10px 24px #1420320d;backdrop-filter:blur(10px)}@media (hover:hover){.hero .btn--outline:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff;transform:translateY(-3px);box-shadow:0 18px 32px #316e8d26}}.hero-visual{position:relative;height:560px;animation:vitalFloat 6s ease-in-out infinite}.hero-visual-link{display:block;width:100%;height:100%}.hero-visual-link:hover .hero-photo{box-shadow:0 34px 76px #17384b3d,0 10px 24px #17384b26}.hero-photo{position:absolute;overflow:hidden;border:1px solid #ffffffcc;background:#dbeaf0;box-shadow:0 30px 70px #17384b2e,0 8px 20px #17384b1a}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo--main{right:0;bottom:18px;width:76%;height:470px;border-radius:28px}.hero-photo--overlap{left:0;top:58px;width:48%;height:310px;border-radius:22px;box-shadow:0 24px 56px #17384b33,0 0 0 10px #f8fbfdd9}.hero-dot-pattern{position:absolute;right:34%;top:18px;width:220px;height:270px;opacity:.55;background-image:radial-gradient(#316e8d 1.6px,transparent 1.8px);background-size:18px 18px}.hero-shape--arch{position:absolute;right:-34px;bottom:0;width:260px;height:230px;border-radius:130px 130px 24px 24px;background:linear-gradient(135deg,#316e8d24,#8ac8652b);border:1px solid #ffffff9c}.hero-orb{position:absolute;border-radius:999px;filter:blur(3px)}.hero-orb--one{left:64px;bottom:72px;width:130px;height:130px;background:#56c5d036}.hero-orb--two{right:80px;top:28px;width:92px;height:92px;background:#f9a6182e}.hero-mini-card{position:absolute;left:42px;bottom:32px;z-index:3;border:1px solid #fff;background:#fffffff0;border-radius:8px;box-shadow:0 20px 44px #17384b24;padding:16px 18px;color:var(--c-text)}.hero-mini-card span{display:block;text-transform:uppercase;letter-spacing:.16em;color:var(--c-primary);font-size:11px;font-weight:800}.hero-mini-card strong{display:block;margin-top:4px;font-size:16px;line-height:1.25}@keyframes vitalFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes vitalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1100px){.hero-shell{grid-template-columns:1fr;gap:42px}.hero h1{font-size:46px}.hero-visual{height:500px;max-width:720px;width:100%;margin:0 auto}}@media (width<=767px){.hero{padding:56px 0 62px}.hero-shell{gap:32px;min-height:0}.hero .eyebrow{font-size:18px;line-height:1.4}.hero h1{font-size:32px;line-height:1.15;margin-bottom:18px}.hero .hl{margin:4px 0;padding:0 10px 4px}.hero .lead{font-size:18px;line-height:1.6}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}.hero .btn{width:100%;min-height:54px}.hero-visual{height:390px;animation:none}.hero-photo--main{width:82%;height:318px;border-radius:20px}.hero-photo--overlap{width:52%;height:196px;top:30px;border-radius:18px;box-shadow:0 18px 36px #17384b2e,0 0 0 7px #f8fbfdd9}.hero-dot-pattern{right:28%;top:2px;width:160px;height:210px;background-size:15px 15px}.hero-shape--arch{right:-42px;width:184px;height:172px}.hero-mini-card{left:12px;bottom:14px;padding:12px 14px}.hero-mini-card strong{font-size:14px}}@media (width<=430px){.hero h1{font-size:30px}.hero-visual{height:350px}.hero-photo--main{height:286px}.hero-photo--overlap{height:178px}.hero-mini-card{max-width:168px}}@media (prefers-reduced-motion:reduce){.hero-content,.hero-visual{animation:none!important}}
.hero-content,.hero-visual{min-width:0}@media (max-width:1100px){.hero-shell{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.hero h1,.hero .lead,.hero-actions{max-width:100%}.hero .hl{display:block;width:max-content;max-width:100%;margin:6px 0 4px;white-space:normal}.hero-actions{width:100%}.hero .btn{max-width:100%}}@media (max-width:767px){.hero .container,.hero-shell,.hero-content{width:100%;max-width:calc(100vw - 40px)!important}.hero h1{width:100%;max-width:calc(100vw - 40px)!important;font-size:30px}.hero .lead,.hero-actions{width:100%;max-width:calc(100vw - 40px)!important}.hero-actions{display:grid!important}.hero-visual{max-width:calc(100vw - 40px)!important}}@media (max-width:767px){.hero .container{width:100%!important;max-width:100%!important}.hero-shell,.hero-content{width:100%!important;max-width:100%!important}.hero h1{width:100%!important;max-width:100%!important;overflow-wrap:anywhere}.hero .lead,.hero-actions{width:100%!important;max-width:100%!important}.hero-visual{max-width:100%!important}}.vital-privacy-note{color:var(--c-muted);font-size:13px;line-height:1.6;margin-top:14px}
.vital-privacy-note a{text-decoration:underline}
.album-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.album-gallery-grid__item{margin:0;border-radius:var(--radius-card);overflow:hidden;background:var(--c-bg-alt)}
.album-gallery-grid__item img{width:100%;height:220px;object-fit:cover;display:block}
.album-gallery-grid__item figcaption{padding:8px 10px;font-size:13px;color:var(--c-muted)}
.album-gallery-empty{color:var(--c-muted)}
@media (width<=767px){.album-gallery-grid{grid-template-columns:repeat(2,1fr)}.album-gallery-grid__item img{height:150px}}
/* Nhãn SỨ MỆNH / TẦM NHÌN / GIÁ TRỊ CỐT LÕI: khách yêu cầu to bằng đúng
   tiêu đề h2 bên dưới. Dùng var(--fs-h2) thay vì số cứng để mobile tự co
   theo (30px desktop / 24px mobile). Giảm letter-spacing vì ở cỡ chữ lớn
   khoảng cách .12em làm dòng chữ dài ra quá nhiều, dễ tràn trên mobile. */
#ve-vital .eyebrow,
#tam-nhin .eyebrow,
#gia-tri-cot-loi .eyebrow{font-size:var(--fs-h2);letter-spacing:.04em;line-height:1.2;margin-bottom:10px}

/* Ba khối Sứ mệnh / Tầm nhìn / Giá trị cốt lõi mặc định đều là "chữ trái —
   ảnh phải", xếp liền nhau nhìn rất đơn điệu. Đảo khối giữa (Tầm nhìn)
   thành "ảnh trái — chữ phải" để tạo bố cục so le. Chỉ đảo trên desktop:
   ở mobile lưới rút còn 1 cột nên phải giữ thứ tự chữ-trước-ảnh cho cả 3
   khối, tránh khối giữa bị lệch nhịp đọc so với hai khối kia. */
@media (width>900px){
	#tam-nhin .frow-media{order:-1}
}
.tag--featured{background:var(--c-orange);font-size:11px;padding:3px 9px;vertical-align:middle;margin-bottom:2px}
@media (hover:hover){.faculty{transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.faculty:hover{box-shadow:var(--shadow-card-hover);border-color:var(--c-primary);transform:translateY(-3px)}.faculty:hover .fname{color:var(--c-primary)}}
.module--expandable .module-row{cursor:pointer}
.module-toggle-icon{width:10px;height:10px;border-right:2px solid var(--c-muted);border-bottom:2px solid var(--c-muted);transform:rotate(45deg);transition:transform var(--transition);margin-top:2px}
.module.is-open .module-toggle-icon{transform:rotate(-135deg);margin-top:6px}
.module-detail{padding:0 24px 20px 24px;margin-top:-4px;color:var(--c-muted);font-size:15px;line-height:1.7}
.module-detail p{margin:0 0 8px}
.module-detail p:last-child{margin-bottom:0}