:root{--navy:#061126;--blue:#1563ff;--cyan:#60e4ff;--ink:#0d2243;--muted:#60718a;--line:#e2eaf6;--max:1240px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font:16px/1.65 Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f8fd}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.22;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:auto}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #36bdf3;outline-offset:5px}[hidden]{display:none!important}::selection{background:#b5d7ff}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;z-index:101;background:#fff;padding:12px;color:var(--blue)}.skip-link:focus{top:12px}.reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:102}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:9px;border:1px solid transparent;font-weight:650;font-size:14px;text-align:center;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:white;box-shadow:0 8px 23px #1563ff24}.primary:hover{background:#0055ed;box-shadow:0 12px 30px #1563ff3b}.white{background:#fff;color:var(--ink)}.news-hero{background:radial-gradient(ellipse at 74% 30%,#103b77a3,transparent 50%),var(--navy);color:#fff;position:relative;overflow:hidden}.news-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:430px;gap:15px}.hero-copy{position:relative;z-index:1;padding:38px 0 48px}.breadcrumb{display:flex;align-items:center;gap:14px;color:#a9bddb;font-size:14px;margin-bottom:32px}.breadcrumb a:hover{color:#fff}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--blue);margin-bottom:14px}.hero-copy .eyebrow{color:var(--cyan)}h1{font-size:clamp(36px,3.8vw,56px);font-weight:750}.hero-intro{color:#b8c9e2;font-size:18px;line-height:1.8;max-width:570px;margin:20px 0}.hero-jump{display:inline-block;color:var(--cyan);font-size:14px;border-bottom:1px solid #60e4ff5c;padding-bottom:5px}.hero-visual{position:relative;margin-right:-35px;align-self:stretch;display:flex;align-items:center}.hero-visual img{object-fit:cover;aspect-ratio:1.5;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%,transparent);animation:hero-float 7s ease-in-out infinite}.hero-image-note{position:absolute;bottom:16px;right:20px;font-size:12px;color:#91a7c6}.news-main{background:radial-gradient(ellipse at 80% 0,#e5f0ff88,transparent 44%),#f5f8fd;padding:65px 0 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{font-size:32px}.section-caption{font-size:14px;color:var(--muted)}.featured-card{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #e2ebf8;border-radius:18px;box-shadow:0 12px 50px #183f7408;overflow:hidden}.featured-picture{overflow:hidden;background:#d9eafa;position:relative;display:block;min-height:340px}.featured-picture img{height:100%;object-fit:cover;transition:transform .7s var(--ease)}.featured-card:hover .featured-picture img{transform:scale(1.04)}.image-note{position:absolute;bottom:12px;left:14px;font-size:12px;color:white;background:#061126b3;backdrop-filter:blur(6px);padding:3px 9px;border-radius:6px}.featured-content{padding:37px 40px;display:flex;flex-direction:column;align-items:flex-start}.category-tag{display:inline-block;border-radius:30px;padding:4px 13px;background:#e3f0ff;color:#065bd5;font-size:12px;font-weight:650;letter-spacing:.015em}.tag-loyalty{background:#f0e6ff;color:#7132cb}.tag-operations{background:#fff0dc;color:#97610c}.tag-zalo{background:#e2f8fc;color:#086c85}.tag-brotech{background:#e5ecff;color:#3554a1}.featured-content h3{font-size:30px;margin:20px 0 16px}.featured-content h3 a:hover,.article-content h3 a:hover{color:var(--blue)}.featured-content>p{color:var(--muted);margin-bottom:24px;font-size:16px}.post-meta{display:flex;align-items:center;gap:9px;font-size:12px;color:#73849f;flex-wrap:wrap}.author-avatar{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;color:white;background:#0b2347;font-weight:700;font-size:16px}.featured-content .post-meta{margin-top:auto;margin-bottom:24px}.articles-section{padding:62px 0 40px}.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.filter-tabs{display:flex;gap:9px;flex-wrap:wrap}.filter-tabs button{border:1px solid #e4ebf8;background:#fff;color:#405676;font-size:14px;min-height:42px;padding:8px 18px;border-radius:30px;transition:background .2s,color .2s,box-shadow .2s}.filter-tabs button:hover{border-color:#9ec5ff;color:var(--blue)}.filter-tabs button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 7px 17px #1563ff22}.news-search{position:relative;display:block;width:280px;flex-shrink:0}.news-search input{width:100%;min-height:44px;border:1px solid #e2eaf6;border-radius:11px;background:#fff;padding:10px 42px 10px 15px;font-size:14px;color:var(--ink)}.news-search input::placeholder{color:#899bb7}.news-search svg{position:absolute;right:15px;top:13px;width:18px;height:18px;fill:none;stroke:#6783aa;stroke-width:1.7;pointer-events:none}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.article-card{background:#fff;border-radius:13px;overflow:hidden;border:1px solid #e3eaf5;box-shadow:0 7px 30px #1c467b05;display:flex;flex-direction:column;position:relative;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.article-card:hover{transform:translateY(-7px);border-color:#83b9ff;box-shadow:0 15px 38px #1263ff16,0 0 0 1px #1563ff08}.article-picture{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:#e4efff}.article-picture img{height:100%;object-fit:cover;transition:transform .65s var(--ease)}.article-card:hover .article-picture img{transform:scale(1.055)}.article-content{padding:20px 22px 23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.article-content h3{font-size:19px;line-height:1.4;margin:13px 0 10px;letter-spacing:-.02em}.article-content>p{color:var(--muted);font-size:14px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:23px}.article-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;width:100%}.read-link{font-size:14px;font-weight:650;color:var(--blue);white-space:nowrap}.read-link:hover{text-decoration:underline}.pagination{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:32px 0 0}.pagination button{min-width:40px;min-height:40px;padding:8px 13px;background:white;border:1px solid #e2eaf6;border-radius:8px;font-size:14px;color:#375479}.pagination button[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}.pagination button:disabled{color:#a8b7cf;background:#edf2f9;cursor:default}.pagination button:hover:not(:disabled){box-shadow:0 3px 12px #1563ff15}.empty-state{background:#fff;border:1px solid #e2eaf6;border-radius:18px;padding:48px 24px;text-align:center}.empty-symbol{display:grid;place-items:center;margin:0 auto 18px;background:#edf4ff;border-radius:18px;color:var(--blue);width:56px;height:56px;font-weight:750;font-size:28px}.empty-state p{color:var(--muted);margin:12px 0 22px}.empty-editorial{color:var(--muted);padding:38px;border:1px dashed #b6cbea;background:#fff;border-radius:18px}.insights-callout{background:linear-gradient(112deg,#e3efff,#bcecff);border:1px solid #d8e9fb;display:flex;align-items:center;gap:30px;border-radius:18px;overflow:hidden;margin:14px 0 56px;min-height:172px;padding-right:30px}.callout-visual{width:220px;align-self:stretch;flex-shrink:0;overflow:hidden}.callout-visual img{height:100%;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,#000 70%,transparent)}.callout-copy{flex:1}.callout-copy h2{font-size:25px;margin-bottom:9px}.callout-copy p:not(.eyebrow){color:#46627f;font-size:14px}.callout-copy .eyebrow{font-size:12px;margin-bottom:8px}.final-cta{background:radial-gradient(ellipse at 90% 40%,#10458d80,transparent 70%),#071a38;color:#fff;padding:42px 0}.final-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}.final-cta h2{font-size:30px}.admin-link{font-size:12px;color:#8299ba}.section-rail{position:fixed;right:15px;top:45%;z-index:20;display:flex;flex-direction:column;gap:12px}.section-rail a{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#0d2b5266;border:1px solid #7fabe445;color:#fff;backdrop-filter:blur(10px);font-size:12px;position:relative;transition:box-shadow .25s,background .25s,transform .25s}.section-rail a:hover,.section-rail a.active{background:var(--blue);border-color:#8af0ff;box-shadow:0 0 18px #1563ff80;transform:scale(1.08)}.section-rail small{position:absolute;right:45px;white-space:nowrap;background:#0d2243;color:#fff;padding:6px 12px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s}.section-rail a:hover small,.section-rail a:focus-visible small{opacity:1;transform:translateX(0)}.back-top{position:fixed;right:20px;bottom:22px;background:#1563ff;color:#fff;border:1px solid #73b6ff;border-radius:50%;width:42px;height:42px;box-shadow:0 8px 25px #1563ff33;font-size:22px;opacity:0;pointer-events:none;transition:.25s;z-index:21}.back-top.visible{opacity:1;pointer-events:auto}@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(min-width:1500px){.hero-inner{min-height:460px}}@media(max-width:1100px){.section-rail{right:7px}.hero-inner{min-height:380px}.article-toolbar{align-items:flex-start;flex-direction:column}.news-search{width:100%;max-width:430px}.featured-content{padding:30px}.featured-content h3{font-size:27px}.article-bottom{align-items:flex-start;flex-direction:column}.insights-callout{gap:20px}.callout-visual{width:170px}}@media(max-width:850px){.container{width:calc(100% - 48px)}.hero-inner{grid-template-columns:1fr 1fr;gap:0;min-height:340px}.hero-copy{padding:30px 0}.hero-intro{font-size:16px}.breadcrumb{margin-bottom:24px}.hero-visual{margin-right:-24px}.section-heading h2{font-size:28px}.section-caption{max-width:210px;text-align:right}.featured-picture{min-height:340px}.featured-content{padding:25px}.featured-content h3{font-size:24px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-bottom{flex-direction:row;align-items:center}.insights-callout{flex-wrap:wrap;padding:24px;gap:20px}.callout-visual{display:none}.callout-copy{min-width:240px}.final-cta h2{font-size:26px}.section-rail{display:none}.news-main{padding-top:45px}.articles-section{padding-top:45px}}@media(max-width:560px){.container{width:calc(100% - 36px)}.hero-inner{display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{padding:30px 0 4px}h1{font-size:37px}.hero-intro{max-width:440px}.hero-visual{margin:0 -12px;height:230px}.hero-visual img{height:100%;object-fit:contain;mask-image:linear-gradient(0deg,#000 80%,transparent)}.hero-image-note{right:20px;bottom:5px}.breadcrumb{font-size:12px;margin-bottom:23px}.hero-copy .eyebrow{font-size:12px}.hero-jump{display:none}.section-heading{gap:10px;align-items:center;margin-bottom:22px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:12px}.section-caption{font-size:12px;max-width:125px}.featured-section .section-caption{display:none}.featured-card{grid-template-columns:1fr;border-radius:15px}.featured-picture{min-height:0;aspect-ratio:1.6}.featured-content{padding:25px}.featured-content h3{font-size:25px;margin-top:15px}.featured-content>p{font-size:16px}.featured-content .post-meta{margin-top:0}.article-grid{grid-template-columns:1fr;gap:22px}.article-content h3{font-size:21px}.article-content>p{font-size:16px}.article-picture{aspect-ratio:1.7}.filter-tabs{gap:8px}.filter-tabs button{font-size:14px;padding:7px 14px}.article-toolbar{gap:17px;margin-bottom:24px}.news-search{max-width:none}.article-bottom{flex-direction:row}.articles-section{padding-top:38px;padding-bottom:28px}.insights-callout{margin-bottom:35px;padding:25px}.callout-copy{min-width:0}.callout-copy h2{font-size:24px}.insights-callout .button{width:100%}.final-cta>.container{align-items:flex-start;flex-direction:column}.final-cta h2{font-size:25px}.back-top{right:13px;bottom:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.news-hero{padding-top:86px}@media(max-width:880px){.news-hero{padding-top:74px}}

.pagination a,.pagination span{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;background:#fff;border:1px solid #e2eaf6;border-radius:8px;font-size:14px;color:#375479}.pagination .page-step{padding-inline:14px}.pagination [aria-current="page"]{background:var(--blue);border-color:var(--blue);color:#fff}.pagination .is-disabled{color:#a8b7cf;background:#edf2f9;pointer-events:none}.pagination a:hover:not([aria-current="page"]){box-shadow:0 3px 12px #1563ff15;border-color:#a9c5ed}
