.site-header{position:fixed;top:16px;left:50%;z-index:1000;width:min(960px,calc(100% - 48px));height:59px;margin:0;padding:0 12px;display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%);overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.72),rgba(255,255,255,.42) 48%,rgba(244,248,255,.62));border:1px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.34),0 12px 36px rgba(24,38,67,.12);backdrop-filter:blur(24px) saturate(185%);-webkit-backdrop-filter:blur(24px) saturate(185%)}
.site-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.44),transparent 34%,rgba(255,255,255,.18) 62%,transparent);mix-blend-mode:screen}.site-header>*{position:relative;z-index:1}.site-header a{text-decoration:none}.site-header .brand{display:flex;align-items:center}.site-header .brand-logo{display:block;width:38px;height:38px;object-fit:cover;border-radius:9px;box-shadow:0 5px 14px rgba(14,76,205,.22)}
.site-header nav{display:flex;align-items:center;gap:30px;font:500 12px/1 "FEB Inter",Arial,sans-serif}.site-header nav>a:not(.talk-button){position:relative;color:#111}.site-header nav>a:not(.talk-button):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#0866f5;border-radius:2px;opacity:0;transform:scaleX(.3);transition:opacity .2s ease,transform .2s ease}.site-header nav>a:not(.talk-button):hover:after,.site-header nav>a.is-active:after{opacity:1;transform:scaleX(1)}
.site-header .talk-button{padding:10px 18px;color:#fff;background:#050505;border-radius:9px;box-shadow:0 3px 0 #b9bcc2,0 7px 16px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}.site-header .talk-button:hover{transform:translateY(-1px);box-shadow:0 4px 0 #b9bcc2,0 9px 19px rgba(0,0,0,.2)}
.site-header .lang-switch{height:31px;padding:3px 7px;display:flex;align-items:center;gap:6px;color:#9197a3;background:rgba(255,255,255,.48);border:1px solid rgba(205,210,220,.7);border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(14px);cursor:pointer;font:600 10px/1 "FEB Inter",Arial,sans-serif}.site-header .lang-switch i{width:1px;height:12px;background:#d7dae1}.site-header .lang-switch span{padding:4px;border-radius:5px;transition:color .2s ease,background .2s ease}.site-header .lang-switch[data-active="en"] span[data-lang="en"],.site-header .lang-switch[data-active="vi"] span[data-lang="vi"]{color:#fff;background:#111827}.site-header .lang-switch:hover{border-color:#bfc5d0}
@media(max-width:900px){.site-header{top:12px;width:calc(100% - 24px)}.site-header nav{gap:8px}.site-header nav>a:not(.talk-button){display:none}.site-header .brand-logo{width:34px;height:34px;border-radius:8px}.site-header .lang-switch{padding-inline:5px}.site-header .talk-button{padding-inline:13px}}
@media(max-width:390px){.site-header .talk-button{padding-inline:11px}.site-header nav{gap:6px}}