.bapp{--navy:#2d4263;--navy-700:#223550;--navy-800:#192942;--orange:#e89a3c;--orange-600:#d4761d;--orange-100:#fdf0e0;--orange-200:#f8d7ad;--cat-bg:#dcf0d2;--cat-text:#2f6a1d;--surface:#f5f6f8;--surface-2:#eef0f3;--line:#dbdde1;--grey-400:#babec5;--grey-500:#5d656f;--grey-700:#2e3238;--ink:#14181d;--radius-200:.5rem;--radius-300:.75rem;--radius-400:1rem;--radius-500:1.5rem;--radius-pill:6.25rem;--shadow-hover:0 20px 40px -8px #5d656f3d,0 0 2px 0 #5d656f29;--shadow-soft:0 4px 12px 0 #5d656f1a;--font-heading:var(--font-be-vietnam),"Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif;background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;text-rendering:optimizeLegibility}.bapp *,.bapp :before,.bapp :after{box-sizing:border-box}.bapp h1,.bapp h2,.bapp h3,.bapp h4{margin:0}.bapp .disp{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:700;line-height:1.06}.bapp .title{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}.bapp .eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.875rem;font-weight:700}.bapp .cat-pill{border-radius:var(--radius-pill);background:var(--cat-bg);color:var(--cat-text);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:.75rem;font-weight:600;display:inline-flex}.bapp .meta{color:var(--grey-500);font-size:.75rem}.bapp .btn{cursor:pointer;border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.bapp .btn-primary{background:var(--orange);color:#fff}.bapp .btn-primary:hover{background:var(--orange-600)}.bapp .btn-navy{background:var(--navy);color:#fff}.bapp .btn-navy:hover{background:var(--navy-700)}.bapp .btn-ghost{color:var(--navy);border:1px solid var(--line);background:0 0}.bapp .btn-ghost:hover{background:var(--surface)}.bapp .btn-anim{transition:transform .12s}.bapp .btn-anim:active{transform:scale(.97)}.bapp-hero{background:linear-gradient(160deg,#34507a,var(--navy)55%,var(--navy-800));padding:32px 0 110px;position:relative;overflow:hidden}.bapp-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#e89a3c29,#0000 62%);border-radius:50%;width:460px;height:460px;position:absolute;top:-70px;left:54%}.bapp-hero-h1{font-size:35px}.bapp-hero-sub{font-size:16px}.bapp-container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.bapp-featured{border-radius:var(--radius-500);box-shadow:var(--shadow-hover);cursor:pointer;background:#fff;text-decoration:none;transition:box-shadow .3s,transform .3s;display:block;overflow:hidden}.bapp-featured-wrap{z-index:2;margin-top:-88px;position:relative}.bapp-featured-thumb{height:210px}.bapp-featured-body{flex-direction:column;justify-content:center;padding:24px 22px 26px;display:flex}.bapp-featured-title{color:var(--navy);font-size:24px;line-height:1.2}.bapp-shell{flex-direction:column;display:flex}.bapp-row{border-radius:var(--radius-300);cursor:pointer;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #0000;text-decoration:none;transition:box-shadow .25s,transform .25s,border-color .25s;display:block;overflow:hidden}.bapp-row:hover{box-shadow:var(--shadow-hover);border-color:var(--orange-200);transform:translateY(-2px)}.bapp-row:hover .bapp-row-title{color:var(--orange-600)}.bapp-row:hover .bapp-thumb-zoom{transform:scale(1.05)}.bapp-row-title{color:var(--navy);font-size:17px;line-height:1.3;transition:color .2s}.bapp-thumb-zoom{height:100%;transition:transform .5s}.bapp-row-grid{display:block}.bapp-row-thumb{height:158px}.bapp-row-body{flex-direction:column;padding:16px 16px 18px;display:flex}.bapp-row-excerpt{-webkit-line-clamp:2;color:var(--grey-500);-webkit-box-orient:vertical;margin:10px 0 0;font-size:15px;line-height:1.6;display:none;overflow:hidden}.bapp-sidebar{display:none}.bapp .cat-item{border-radius:var(--radius-200);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;transition:background .18s,color .18s;display:flex}.bapp .cat-item:hover{background:var(--surface-2)}.bapp .cat-item .cat-label{color:var(--grey-700);font-size:15px;font-weight:500}.bapp .cat-item .cat-count{color:var(--grey-400);font-size:13px;font-weight:600}.bapp .cat-item.is-active{background:var(--orange-100)}.bapp .cat-item.is-active .cat-label{color:var(--orange-600);font-weight:700}.bapp .cat-item.is-active .cat-count{color:var(--orange-600)}.bapp .tag-chip{color:var(--grey-700);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;padding:6px 13px;font-size:13px;font-weight:500;transition:all .18s}.bapp .tag-chip:hover{border-color:var(--orange);color:var(--orange-600);background:var(--orange-100)}.bapp .tag-chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.bapp .mchip{white-space:nowrap;border-radius:var(--radius-pill);cursor:pointer;color:var(--grey-700);border:1px solid var(--line);background:#fff;flex:none;padding:8px 15px;font-size:13.5px;font-weight:600;transition:all .18s}.bapp .mchip.is-active{background:var(--orange-100);color:var(--orange-600);border-color:var(--orange-200)}.bapp .search-field{border:1px solid var(--line);border-radius:var(--radius-300);background:#fff;align-items:center;gap:10px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.bapp .search-field:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #e89a3c26}.bapp .search-field input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.bapp .search-clear{background:var(--surface-2);color:var(--grey-500);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:background .18s;display:inline-flex}.bapp .search-clear:hover{background:var(--line);color:var(--ink)}.bapp .sort-btn{border:1px solid var(--line);border-radius:var(--radius-200);color:var(--grey-700);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;transition:border-color .18s;display:flex}.bapp .sort-btn:hover{border-color:var(--grey-400)}.bapp .pg-btn{border-radius:var(--radius-200);border:1px solid var(--line);min-width:42px;height:42px;color:var(--grey-700);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 6px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.bapp .pg-btn:hover:not(:disabled):not(.is-active){border-color:var(--navy);color:var(--navy)}.bapp .pg-btn.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.bapp .pg-btn:disabled{opacity:.4;cursor:not-allowed}.bapp .scroll-x{-webkit-overflow-scrolling:touch;gap:9px;display:flex;overflow-x:auto}.bapp .scroll-x::-webkit-scrollbar{height:0}.bapp .only-mobile{display:block}.bapp .only-desktop{display:none}@media (min-width:880px){.bapp-hero{padding:58px 0 168px}.bapp-hero-h1{font-size:56px}.bapp-hero-sub{font-size:18.5px}.bapp-container{padding:0 40px}.bapp-featured{grid-template-columns:1.25fr 1fr;display:grid}.bapp-featured-wrap{margin-top:-112px}.bapp-featured-thumb{height:100%;min-height:340px}.bapp-featured-body{padding:38px 44px}.bapp-featured-title{font-size:31px}.bapp-shell{flex-direction:row;align-items:flex-start;gap:44px}.bapp-row-grid{grid-template-columns:256px 1fr;display:grid}.bapp-row-thumb{height:100%;min-height:192px}.bapp-row-body{padding:22px 26px}.bapp-row-title{font-size:21px;line-height:1.28}.bapp-row-excerpt{display:-webkit-box}.bapp-sidebar{display:block}.bapp .only-mobile{display:none}.bapp .only-desktop{display:block}}.bapp-nl{background:var(--navy);color:#fff;position:relative;overflow:hidden}.bapp-nl-glow{pointer-events:none;background:radial-gradient(circle,#e89a3c47,#0000 65%);border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.bapp-nl-title{color:#fff;margin:12px 0 6px;font-weight:700}.bapp-nl-body{color:#ffffffb3;margin:0 0 16px;line-height:1.55}.bapp-nl-form{z-index:1;position:relative}.bapp-nl-input{border-radius:var(--radius-200);width:100%;color:var(--navy);background:#fff;border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.bapp-nl-btn{width:100%;margin-top:10px;padding:11px;font-size:14px}.bapp-nl-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.bapp-nl-success{color:#fff;z-index:1;margin:4px 0 0;font-weight:600;position:relative}.bapp-nl-error{color:#ffd9d0;margin:8px 0 0;font-size:13px}.bapp-nl-sidebar{border-radius:var(--radius-400);padding:24px 22px}.bapp-nl-sidebar .bapp-nl-title{font-size:17px}.bapp-nl-sidebar .bapp-nl-body{font-size:13.5px}.bapp-nl-band{border-radius:var(--radius-400);margin:0 0 70px;padding:32px 24px}.bapp-nl-band-inner{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.bapp-nl-band .bapp-nl-title{font-size:22px}.bapp-nl-band .bapp-nl-body{max-width:520px;margin-bottom:0;font-size:15px}.bapp-nl-band-form{flex-direction:column;gap:10px;display:flex}.bapp-nl-band-form .bapp-nl-btn{margin-top:0}@media (min-width:880px){.bapp-nl-band-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:40px}.bapp-nl-band-form{flex-direction:row;flex:none;align-items:center;width:420px}.bapp-nl-band-form .bapp-nl-input{width:260px}.bapp-nl-band-form .bapp-nl-btn{white-space:nowrap;width:auto}}