:root{--brand-1:#14b8a6;--brand-2:#0ea5e9;--brand-3:#6366f1;--grad:linear-gradient(135deg, #14b8a6 0%, #0ea5e9 55%, #6366f1 100%);--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--bg-alt:#eef2f7;--surface:#ffffff;--dark:#0b1220;--dark-2:#0f172a;--shadow-sm:0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .08);--shadow:0 14px 40px rgba(15, 23, 42, .12);--shadow-grad:0 10px 26px rgba(14, 165, 233, .35);--radius:18px;--radius-sm:12px;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink)}a{text-decoration:none}.btn-grad{background:var(--grad);color:#fff;border:0;font-weight:600;border-radius:50rem;padding:.75rem 1.5rem;box-shadow:var(--shadow-grad);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-grad:hover,.btn-grad:focus{color:#fff;transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 34px rgba(14,165,233,.45)}.link-arrow{font-weight:600;color:var(--brand-2)}.link-arrow i{transition:transform .2s ease}.link-arrow:hover i{transform:translateX(4px)}.site-navbar{background:rgba(255,255,255,.82);backdrop-filter:saturate(180%)blur(14px);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);padding:.65rem 0}.site-navbar.scrolled{box-shadow:var(--shadow-sm)}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-grad)}.navbar-brand{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--ink)!important}.navbar-nav .nav-link{font-weight:600;color:var(--ink-soft);border-radius:10px;padding:.5rem .9rem}.navbar-nav .nav-link:hover{color:var(--brand-2)}.navbar-nav .nav-link.active{color:var(--brand-1);background:rgba(20,184,166,8%)}.lang-btn{color:var(--ink-soft);border:1px solid var(--line);border-radius:50rem;font-weight:600;background:#fff}.lang-btn:hover{border-color:var(--brand-2);color:var(--brand-2)}.dropdown-item.active,.dropdown-item:active{background:var(--grad)}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1100px 520px at 85% -10%,#1e3a8a 0%,rgba(30,58,138,0) 60%),linear-gradient(180deg,var(--dark) 0%,var(--dark-2) 100%)}.hero-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}.hero-blob-1{width:520px;height:520px;background:#0ea5e9;top:-220px;right:-100px}.hero-blob-2{width:460px;height:460px;background:#14b8a6;bottom:-260px;left:-140px}.hero-eyebrow{background:rgba(255,255,255,8%);color:#7dd3fc;border:1px solid rgba(255,255,255,.16);font-weight:600;padding:.4rem .8rem}.hero-title{font-size:clamp(2.25rem,5.2vw,3.75rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}.hero-subtitle{font-size:1.15rem;color:rgba(255,255,255,.72);max-width:560px}.hero-stats{gap:2rem}.hero-stat .value{display:block;font-size:1.7rem;font-weight:800;font-family:var(--font-display);color:#fff}.hero-stat .label{color:rgba(255,255,255,.62);font-size:.85rem}.section{padding:4.5rem 0}.section-alt{background:var(--bg-alt)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-title{font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem)}.page-head{padding:2.5rem 0 1.5rem}.page-title{font-weight:800;font-size:clamp(1.9rem,4vw,2.8rem)}.page-subtitle{color:var(--muted);max-width:640px;font-size:1.05rem}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;height:100%}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.post-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:var(--bg-alt)}.post-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.post-card:hover .post-card-media img{transform:scale(1.07)}.post-card-placeholder{width:100%;height:100%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.4rem}.category-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:600;font-size:.8rem;border-radius:50rem;padding:.38rem .75rem;box-shadow:var(--shadow-sm)}.post-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.post-card-title{font-size:1.12rem;font-weight:700;line-height:1.3;margin:0}.post-card-title a{color:var(--ink)}.post-card-title a:hover{color:var(--brand-2)}.post-card-excerpt{color:var(--muted);font-size:.92rem;margin:0}.post-card-meta{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.75rem;margin-top:auto}.category-card{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;color:var(--ink);height:100%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;color:var(--ink)}.category-card-icon{width:48px;height:48px;border-radius:14px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-grad)}.category-card-name{font-weight:700;font-family:var(--font-display);font-size:1.02rem}.category-card-count{color:var(--muted);font-size:.85rem}.post-hero{background:radial-gradient(900px 400px at 80% -10%,#1e3a8a 0%,rgba(30,58,138,0) 60%),linear-gradient(180deg,var(--dark) 0%,var(--dark-2) 100%);color:#fff}.breadcrumb-dark .breadcrumb-item,.breadcrumb-dark .breadcrumb-item a{color:rgba(255,255,255,.65)}.breadcrumb-dark .breadcrumb-item a:hover{color:#fff}.breadcrumb-dark .breadcrumb-item.active{color:rgba(255,255,255,.9)}.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4)}.post-title{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800;line-height:1.1}.post-meta{color:rgba(255,255,255,.7);display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center;font-size:.92rem}.post-meta .category-badge{position:static;background:rgba(255,255,255,.12);color:#fff;box-shadow:none}.post-cover{margin-bottom:2rem}.post-cover img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.post-content{font-size:1.05rem;line-height:1.85;color:var(--ink-soft)}.post-content h2{margin-top:2.4rem;font-weight:800}.post-content h3{margin-top:1.9rem;font-weight:700}.post-content h4{margin-top:1.5rem;font-weight:700}.post-content p{margin-bottom:1.15rem}.post-content img{max-width:100%;height:auto;border-radius:14px}.post-content a{color:var(--brand-2);font-weight:500}.post-content a:hover{text-decoration:underline}.post-content blockquote{border-left:4px solid var(--brand-1);background:var(--bg-alt);padding:1rem 1.25rem;border-radius:0 14px 14px 0;margin:1.5rem 0;color:var(--ink-soft)}.post-content ul,.post-content ol{padding-left:1.25rem}.post-content li{margin-bottom:.4rem}.toc-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;top:90px}.toc-title{font-weight:800;font-size:1rem}.toc-box nav>ul{list-style:none;padding-left:0;margin-bottom:0}.toc-box nav>ul>li{margin-bottom:.35rem}.toc-box nav ul ul{list-style:none;padding-left:1rem;margin-top:.3rem}.toc-box a{color:var(--ink-soft);font-size:.92rem}.toc-box a:hover{color:var(--brand-2)}.accordion-item{border:1px solid var(--line);border-radius:var(--radius-sm)!important;overflow:hidden;margin-bottom:.75rem}.accordion-button{font-weight:600;font-family:var(--font-display);box-shadow:none!important}.accordion-button:not(.collapsed){color:var(--brand-1);background:rgba(20,184,166,6%)}.accordion-body{color:var(--ink-soft)}.pagination .page-link{border:1px solid var(--line);color:var(--ink-soft);border-radius:10px;margin:0 .2rem;font-weight:600}.pagination .page-item.active .page-link{background:var(--grad);border-color:transparent}.pagination .page-link:hover{color:var(--brand-2)}.site-footer{background:var(--dark);color:rgba(255,255,255,.72)}.site-footer h6{color:#fff;font-family:var(--font-display);font-weight:700;margin-bottom:1rem}.site-footer a{color:rgba(255,255,255,.72);font-size:.94rem}.site-footer a:hover{color:#fff}.site-footer .footer-brand{color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.25rem}.site-footer .list-unstyled li{margin-bottom:.5rem}.site-footer .border-top{border-color:rgba(255,255,255,.1)!important}.not-found{padding:4rem 0 6rem}.not-found-code{font-size:clamp(6rem,18vw,11rem);font-weight:800;font-family:var(--font-display);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#backToTop{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1040;width:46px;height:46px;border-radius:50%;border:0;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-grad);opacity:0;visibility:hidden;transform:translateY(12px);transition:all .25s ease}#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}#backToTop:hover{filter:brightness(1.06)}::selection{background:rgba(20,184,166,.25)}.btn:focus-visible,a:focus-visible{outline:3px solid rgba(14,165,233,.5);outline-offset:2px}