@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";
:is(html:has(.thithu-page),body:has(.thithu-page)){background-color:#f8fafc!important;width:100%!important;max-width:100%!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}body:has(.thithu-page)>div{width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important}:is(body:has(.thithu-page) .bg-animated,body:has(.thithu-page) .theme-switcher,body:has(.thithu-page) .dark-mode-btn){display:none!important}.thithu-page{color:#334155;box-sizing:border-box;background:#f8fafc;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden;width:100%!important;max-width:100%!important;margin:0 auto!important}.thithu-accordion-bg{pointer-events:none;z-index:0;transition:background .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.thithu-accordion-bg.bg-hsa{background:radial-gradient(1000px 700px at 25% 45%,#00f2fe40 0%,#0000 70%)}.thithu-accordion-bg.bg-qda{background:radial-gradient(1000px 700px at 50% 45%,#ef444426 0%,#0000 70%)}.thithu-accordion-bg.bg-thpt{background:radial-gradient(1000px 700px at 75% 45%,#10b98140 0%,#0000 70%)}.thithu-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#fffc;border-bottom:1px solid #00000014;padding:.85rem 2rem;position:relative;width:100%!important}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1240px;margin:0 auto;display:flex}.brand-badge{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:auto;height:36px}.brand-name{letter-spacing:1px;color:#0f172a;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-weight:800}.brand-tag{letter-spacing:1.5px;color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;margin-left:.35rem;padding:.18rem .5rem;font-size:.65rem;font-weight:800}.nav-site-link{color:#64748b;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-site-link:hover{color:#d97706}.thithu-accordion-main{z-index:10;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:1240px;padding:1.25rem 1.5rem;display:flex;position:relative;width:100%!important;margin:0 auto!important}.accordion-head{text-align:center;margin-bottom:1.5rem}.accordion-kicker{letter-spacing:1.8px;color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:20px;margin-bottom:.4rem;padding:.22rem .7rem;font-size:.68rem;font-weight:800;display:inline-block}.accordion-title{letter-spacing:.5px;color:#0f172a;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800}.accordion-container{gap:1.25rem;width:100%;max-width:1140px;height:clamp(380px,52vh,460px);display:flex}.accordion-col{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:1px solid #00000014;border-radius:20px;flex-direction:column;flex:.75;padding:2rem 1.5rem;transition:flex .35s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d;position:relative!important}.accordion-col.is-active{flex:2.2}.col-bg-photo-wrapper{z-index:1;pointer-events:none;border-radius:20px;overflow:hidden;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.col-bg-photo{object-fit:cover;object-position:center;filter:brightness(.85)contrast(1.05);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s}.accordion-col.is-active .col-bg-photo{filter:brightness()contrast(1.1);transform:scale(1.08)}.col-photo-vignette{background:linear-gradient(#0000 0%,#fff9 40%,#ffffffeb 100%);transition:opacity .5s;position:absolute!important;inset:0!important}.col-hsa .col-photo-vignette{background:linear-gradient(#e0f2fe33 0%,#e0f2feb3 40%,#e0f2fef2 100%)}.col-qda .col-photo-vignette{background:linear-gradient(#fee2e233 0%,#fee2e2b3 40%,#fee2e2f2 100%)}.col-thpt .col-photo-vignette{background:linear-gradient(#d1fae533 0%,#d1fae5b3 40%,#d1fae5f2 100%)}.col-glow-overlay{z-index:2;pointer-events:none;opacity:0;border-radius:20px;transition:opacity .5s;position:absolute!important;inset:0!important}.accordion-col.is-active .col-glow-overlay{opacity:1}.col-hsa{background:#e0f2fed9;border-color:#0284c733}.col-hsa.is-active{background:#e0f2fef2;border-color:#0284c766;box-shadow:0 15px 45px -10px #0284c733}.col-hsa .col-glow-overlay{background:radial-gradient(500px at 50% 0,#38bdf826,#0000 70%)}.col-qda{background:#fee2e2d9;border-color:#dc262633}.col-qda.is-active{background:#fee2e2f2;border-color:#dc262666;box-shadow:0 15px 45px -10px #dc262633}.col-qda .col-glow-overlay{background:radial-gradient(500px at 50% 0,#ef44441f,#0000 70%)}.col-thpt{background:#d1fae5d9;border-color:#05966933}.col-thpt.is-active{background:#d1fae5f2;border-color:#05966966;box-shadow:0 15px 45px -10px #05966933}.col-thpt .col-glow-overlay{background:radial-gradient(500px at 50% 0,#10b98126,#0000 70%)}.collapsed-view{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100%;display:flex;position:relative}.collapsed-icon{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:6px;transition:transform .3s;display:flex;box-shadow:0 2px 8px #0000001a}.collapsed-icon img{object-fit:contain;border-radius:50%;width:100%;height:100%}.collapsed-title{color:#0f172a;letter-spacing:1px;font-family:Be Vietnam Pro,sans-serif;font-size:1.8rem;font-weight:800}.collapsed-tag{color:#475569;letter-spacing:1px;max-width:140px;font-size:.65rem;font-weight:800}.expanded-view{z-index:5;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.expanded-top{justify-content:space-between;align-items:center;display:flex}.expanded-org{letter-spacing:1.2px;font-size:.72rem;font-weight:800}.col-hsa .expanded-org{color:#0284c7}.col-qda .expanded-org{color:#dc2626}.col-thpt .expanded-org{color:#059669}.expanded-icon{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:5px;display:flex;box-shadow:0 2px 8px #0000001a}.expanded-icon img{object-fit:contain;border-radius:50%;width:100%;height:100%}.expanded-center{margin:1rem 0}.expanded-title{letter-spacing:1px;color:#0f172a;margin-bottom:.35rem;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2.2rem,3.5vw,3rem);font-weight:800;line-height:1}.expanded-full{color:#334155;margin-bottom:1.25rem;font-size:.9rem;font-weight:600}.expanded-specs{gap:1rem;display:flex}.spec-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #0000000d;border-radius:10px;flex-direction:column;align-items:center;padding:.45rem 1rem;display:flex;box-shadow:0 2px 10px #00000008}.pill-num{color:#0f172a;font-family:Be Vietnam Pro,sans-serif;font-size:1.05rem;font-weight:800}.pill-lbl{color:#64748b;letter-spacing:1px;font-size:.6rem;font-weight:700}.expanded-bottom{padding-bottom:.25rem}.accordion-btn{letter-spacing:1px;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.9rem 1.5rem;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.btn-hsa{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 6px 18px -4px #0284c766}.btn-hsa:hover{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);box-shadow:0 10px 25px -4px #0284c780}.btn-qda{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);box-shadow:0 6px 18px -4px #dc262666}.btn-qda:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 10px 25px -4px #ef444480}.btn-thpt{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 6px 18px -4px #05966966}.btn-thpt:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 10px 25px -4px #10b98180}.btn-arrow{transition:transform .3s}.accordion-btn:hover .btn-arrow{transform:translate(4px)}.accordion-col.is-locked{cursor:default}.accordion-btn.is-disabled{cursor:not-allowed;opacity:.72;box-shadow:none;filter:saturate(.55)}.locked-dot{color:#ffffffbf;font-size:.55rem}.thithu-footer{z-index:10;text-align:center;box-sizing:border-box;background:0 0;border-top:none;padding:1rem 1.5rem;position:absolute;bottom:0;left:0;width:100%!important}.thithu-footer p{color:#64748b;font-size:.82rem}.thithu-footer a{color:#d97706;font-weight:700;text-decoration:none;transition:color .2s}.thithu-footer a:hover{color:#0f172a}@media (max-width:900px){.accordion-container{flex-direction:column;height:auto}.accordion-col,.accordion-col.is-active{flex:none;height:340px}}