:root{--cf-navy:#050d33;--cf-blue:#0051ad;--cf-green:#27ae60;--cf-orange:#f38020;--cf-text:#1d1d1f;--cf-muted:#4d4d4d;--cf-border:#e6e6e6;--cf-white:#ffffff;--cf-bg:#f8fafc}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--cf-text);background-color:var(--cf-white);margin:0;padding:0}img{max-width:100%;height:auto}header{background-color:var(--cf-white);border-bottom:1px solid var(--cf-border);padding:0 2rem;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:var(--cf-navy);text-decoration:none;height:100%}.logo img{height:32px;width:auto}nav{display:flex;height:100%}nav a{display:flex;align-items:center;padding:0 .75rem;text-decoration:none;color:var(--cf-navy);font-weight:500;font-size:.85rem;height:100%;border-bottom:2px solid transparent;transition:all .2s ease}nav a:hover{color:var(--cf-blue);border-bottom-color:var(--cf-blue)}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;z-index:1001}.menu-toggle span{display:block;width:25px;height:2px;background-color:var(--cf-navy);transition:.3s}.hero-section{background-color:var(--cf-navy);color:#fff;padding:60px 2rem;text-align:center;position:relative;overflow:hidden}.hero-section.hero-home{padding:120px 2rem}.hero-section h1{font-size:3rem;font-weight:800;margin:0 0 1rem;letter-spacing:-.03em}.hero-section p.hero-desc{font-size:1.1rem;max-width:750px;margin:0 auto;opacity:.8;font-weight:300}.container-main{max-width:1200px;margin:40px auto;padding:0 2rem;display:grid;grid-template-columns:1fr 300px;gap:40px}.section-label{color:var(--cf-green);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:block}.grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.feature-card-compact{border:1px solid var(--cf-border);padding:1.5rem;border-radius:4px;text-decoration:none;color:inherit;transition:all .2s ease;background:#fff}.feature-card-compact:hover{border-color:var(--cf-green);box-shadow:0 4px 12px rgba(0,0,0,5%)}.feature-card-compact h3{font-size:1.1rem;margin:0 0 .5rem;color:var(--cf-navy);line-height:1.3}.feature-card-compact p{color:var(--cf-muted);font-size:.85rem;margin:0;line-height:1.4}.sidebar{position:sticky;top:104px;align-self:start}.sidebar-widget{margin-bottom:40px}.widget-title{font-size:.85rem;font-weight:700;color:var(--cf-navy);border-bottom:2px solid var(--cf-blue);padding-bottom:8px;margin-bottom:15px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.widget-list{list-style:none;padding:0;margin:0}.widget-list li{margin-bottom:12px;border-bottom:1px solid var(--cf-border);padding-bottom:12px}.widget-list a{text-decoration:none;color:var(--cf-text);font-size:.85rem;font-weight:500;display:block;line-height:1.3}.widget-list a:hover{color:var(--cf-blue)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{background:var(--cf-bg);border:1px solid var(--cf-border);color:var(--cf-muted);padding:4px 10px;border-radius:4px;font-size:.75rem;text-decoration:none;font-weight:500}.tag-item:hover{border-color:var(--cf-blue);color:var(--cf-blue)}.article-body{max-width:100%}.article-body h1{font-size:2.5rem;font-weight:800;color:var(--cf-navy);margin-top:0}.article-body h2{font-size:1.6rem;border-bottom:1px solid var(--cf-border);padding-bottom:10px;margin-top:3rem}.article-body p{font-size:1.05rem;color:#333;margin-bottom:1.25rem}.stealth-link{display:inline-block;background-color:var(--cf-blue);color:#fff !important;padding:10px 20px;border-radius:4px;font-weight:600;font-size:.9rem;text-decoration:none !important;margin:1rem 0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:80px;border-top:1px solid var(--cf-border);padding-top:40px}.nav-right{text-align:right}.nav-link{text-decoration:none;color:var(--cf-navy);font-weight:700;font-size:.95rem}.nav-link:hover{color:var(--cf-blue)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:60px}.pagination-link{border:1px solid var(--cf-border);padding:8px 16px;border-radius:4px;text-decoration:none;color:var(--cf-blue);font-size:.85rem;font-weight:600;transition:all .2s}.pagination-link:hover{border-color:var(--cf-blue);background:var(--cf-bg)}.pagination-info{font-size:.85rem;color:var(--cf-muted);font-weight:500}footer{background-color:var(--cf-navy);color:#fff;padding:60px 2rem;margin-top:80px;text-align:center;font-size:.85rem}.skip-link{position:absolute;top:-40px;left:0;background:var(--cf-blue);color:#fff;padding:8px 16px;z-index:10000;text-decoration:none;font-size:.85rem;transition:top .2s}.skip-link:focus{top:0}@media(max-width:900px){.container-main{grid-template-columns:1fr;gap:40px}.sidebar{position:static}}@media(max-width:768px){header{padding:0 1.25rem}.menu-toggle{display:flex}nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;padding:80px 1.5rem 2rem;transition:.4s cubic-bezier(.165,.84,.44,1);z-index:1000;box-shadow:-10px 0 30px rgba(0,0,0,.1)}nav.active{right:0}nav a{height:auto;padding:1rem 0;font-size:1rem;width:100%;border-bottom:1px solid var(--cf-border)}.hero-section{padding:40px 1.5rem}.hero-section.hero-home{padding:80px 1.5rem}.hero-section h1{font-size:2rem}.hero-section p.hero-desc{font-size:.95rem}.container-main{padding:0 1.25rem;margin:30px auto}.article-body h1{font-size:1.75rem}.article-nav{grid-template-columns:1fr;gap:30px}.nav-right{text-align:left}.pagination-container{gap:8px;flex-wrap:wrap}.pagination-link{padding:8px 12px;font-size:.8rem}.pagination-info{font-size:.75rem;width:100%;text-align:center;order:3}footer{padding:40px 1.5rem}.menu-toggle.active span:nth-child(1){transform:translateY(7px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}