*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;color:#0f2742}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav-wrapper{position:sticky;top:0;z-index:100;background:#fffffff7;backdrop-filter:blur(8px);border-bottom:1px solid #e8ecf0}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:32px}.nav-logo{display:flex;align-items:center;text-decoration:none;margin-right:auto}.nav-logo img{display:block}.nav-links{display:flex;list-style:none;gap:28px;align-items:center}.nav-links a{text-decoration:none;color:#0f2742;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#7ed957}.has-dropdown{position:relative}.dropdown{display:none;position:absolute;top:100%;margin-top:-6px;left:0;background:#fff;border:1px solid #e8ecf0;border-radius:8px;padding:8px 0;min-width:180px;box-shadow:0 8px 24px #0000001a;list-style:none;flex-direction:column;z-index:200}.has-dropdown:hover .dropdown{display:flex}.dropdown li a{display:block;padding:10px 16px;font-size:14px}.btn-primary{display:inline-block;background:#7ed957;color:#0f2742;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none;transition:background .2s}.btn-primary:hover{background:#6bc947}.nav-cta{margin-left:8px;white-space:nowrap;border-radius:100px!important;padding:6px 14px!important;font-size:12px!important}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-burger span{display:block;width:22px;height:2px;background:#0f2742;border-radius:2px}.article-hero{background:linear-gradient(135deg,#0f2742,#1a3a5c);color:#fff;padding:40px 0 56px}.article-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:32px}.article-hero .breadcrumb a{color:#ffffff8c;text-decoration:none;display:flex;align-items:center;transition:color .2s}.article-hero .breadcrumb a:hover{color:#7ed957}.article-hero .bc-sep{color:#ffffff4d}.article-hero .bc-current{color:#ffffffbf;font-weight:500}.hero-content{max-width:820px}.hero-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.article-category{background:#7ed9572e;color:#7ed957;font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.6px;border:1px solid rgba(126,217,87,.25)}.reading-time{display:flex;align-items:center;gap:5px;font-size:13px;color:#ffffff80}.article-hero h1{font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.15;margin-bottom:18px}.article-lead{font-size:17px;color:#ffffffb8;line-height:1.7;margin-bottom:24px}.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px}.article-tags .tag{background:#ffffff1a;color:#ffffffa6;font-size:12px;padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.12)}.hero-byline{display:flex;align-items:center;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.byline-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(126,217,87,.5)}.byline-info{display:flex;flex-direction:column;gap:2px}.byline-name{font-size:14px;font-weight:700;color:#fff}.byline-date{font-size:13px;color:#ffffff80}.article-main{padding:48px 0 80px;background:#f8fafc}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start;margin-bottom:64px}.article-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px}.tag{background:#f1f5f9;color:#64748b;font-size:12px;padding:3px 10px;border-radius:100px}.article-body{font-size:16px;line-height:1.85;color:#334155}.article-body h2{font-size:24px;font-weight:800;color:#0f2742;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid #7ED957}.article-body h3{font-size:19px;font-weight:700;color:#0f2742;margin:28px 0 12px}.article-body p{margin-bottom:18px}.article-body ul,.article-body ol{margin:16px 0 20px 24px;display:flex;flex-direction:column;gap:8px}.article-body li{line-height:1.7}.article-body strong{font-weight:700;color:#0f2742}.article-body a{color:#7ed957;text-decoration:underline;font-weight:600}.article-body a:hover{color:#5cb83e}.article-body blockquote{border-left:4px solid #7ED957;background:#f8fafc;padding:16px 20px;margin:24px 0;border-radius:0 8px 8px 0;font-style:italic;color:#475569}.article-body hr{border:none;border-top:1px solid #e2e8f0;margin:36px 0}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.article-body th{background:#0f2742;color:#fff;padding:10px 14px;text-align:left;font-weight:600}.article-body td{padding:10px 14px;border-bottom:1px solid #e2e8f0}.article-body tr:nth-child(2n) td{background:#f8fafc}.article-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:14px;font-family:monospace}.author-box{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;margin-top:48px;box-shadow:0 2px 12px #0f27420f}.author-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #7ED957;flex-shrink:0}.author-name-row{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.author-name{font-size:17px;font-weight:800;color:#0f2742}.author-role{font-size:13px;color:#7ed957;font-weight:600}.author-info p{font-size:14px;color:#64748b;line-height:1.65;margin-bottom:12px}.author-link{font-size:13px;font-weight:700;color:#0f2742;text-decoration:none;border:1.5px solid #0F2742;padding:6px 14px;border-radius:100px;transition:all .2s;display:inline-block}.author-link:hover{background:#0f2742;color:#fff}.article-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:80px}.sidebar-cta{background:#0f2742;border-radius:16px;padding:28px;color:#fff}.sidebar-cta-icon{width:48px;height:48px;background:#7ed95726;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.sidebar-cta h3{font-size:17px;font-weight:700;margin-bottom:10px}.sidebar-cta p{font-size:14px;color:#ffffffbf;line-height:1.6;margin-bottom:20px}.sidebar-cta .btn-primary{width:100%;text-align:center}.sidebar-bafa{background:#f0fdf4;border:1px solid #86efac;border-radius:16px;padding:24px}.bafa-tag{display:inline-block;background:#7ed957;color:#0f2742;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;margin-bottom:10px}.sidebar-bafa h3{font-size:16px;font-weight:700;margin-bottom:8px;color:#0f2742}.sidebar-bafa p{font-size:14px;color:#166534;line-height:1.6;margin-bottom:12px}.sidebar-bafa a{font-size:14px;font-weight:600;color:#0f2742;text-decoration:none}.sidebar-bafa a:hover{color:#7ed957}.sidebar-links{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.sidebar-links h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:14px}.sidebar-links ul{list-style:none;display:flex;flex-direction:column;gap:8px}.sidebar-links li a{font-size:14px;color:#0f2742;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:6px;transition:color .2s}.sidebar-links li a:hover{color:#7ed957}.sidebar-links li a:before{content:"→";color:#7ed957}.related-posts h2{font-size:24px;font-weight:800;margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-decoration:none;color:#0f2742;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:10px}.related-card:hover{box-shadow:0 8px 24px #0f27421a;transform:translateY(-2px)}.post-category{background:#7ed9571a;color:#7ed957;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;display:inline-block}.related-card h3{font-size:16px;font-weight:700;line-height:1.3}.related-card p{font-size:13px;color:#64748b;line-height:1.6;flex:1}.related-read{font-size:13px;color:#7ed957;font-weight:600}.footer{background:#0f2742;color:#ffffffb3;padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand p{font-size:14px;line-height:1.7;margin-top:16px}.footer-contact{font-size:14px;margin-top:8px;display:flex;align-items:center;gap:8px}.footer-contact a{color:#ffffffb3;text-decoration:none}.footer-contact a:hover{color:#7ed957}.footer-logo{margin-bottom:16px}.footer-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col ul a{color:#ffffffa6;text-decoration:none;font-size:14px}.footer-col ul a:hover{color:#7ed957}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-bottom a{color:#ffffff80}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:#fff;padding:16px 24px;border-bottom:1px solid #e8ecf0;z-index:99}.article-content{padding:28px}.article-header h1{font-size:26px}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
