html{scrollbar-gutter:stable}.page-header{padding:110px 48px 40px;max-width:1200px;margin:0 auto}.page-header h1{font-family:Outfit,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:#fff}.filters{max-width:1200px;margin:0 auto;padding:0 48px;border-bottom:1px solid rgba(255,255,255,.06)}.filters-inner{display:flex;gap:0}.filter-tag{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.06em;padding:14px 20px;border:none;border-bottom:2px solid transparent;color:#ffffff8c;cursor:pointer;transition:all .18s;text-transform:uppercase;background:transparent}.filter-tag:hover{color:#ffffffb3}.filter-tag.active{color:#e8e8e6;border-bottom-color:#e8e8e6}body.blog-index main{padding:40px 48px 100px;max-width:1200px;margin:0 auto;min-height:70vh}.card-link{text-decoration:none;color:inherit;display:block}.card-image{position:relative;background-size:cover;background-position:center;background-color:#0d1117;overflow:hidden;border-radius:3px}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000c7,#0000004d 45%,#00000014);transition:background .4s ease}.card-link:hover .card-overlay{background:linear-gradient(to top,#000000d1,#00000059 45%,#0000001f)}.card-content{position:absolute;inset:0;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}.card-category{position:absolute;top:28px;left:32px;font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.card-readmore{position:absolute;top:28px;right:32px;font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.08em;color:#ffffff80;transition:color .2s}.card-link:hover .card-readmore{color:#fff}.card-title{font-family:Outfit,sans-serif;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:#fff;margin-bottom:20px}.card-bottom{display:flex;align-items:flex-end}.card-author{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.1em;color:#fff6}.featured-card{margin-bottom:12px;animation:fadeUp .6s ease both}.featured-card .card-image{aspect-ratio:21 / 9}.featured-card .card-title{font-size:clamp(26px,3.2vw,40px);max-width:680px}.featured-card .card-content{padding:40px 44px}.featured-card .card-category{top:36px;left:44px}.featured-card .card-readmore{top:36px;right:44px}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:48px}.article-card{animation:fadeUp .6s ease both}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.15s}.article-card .card-image{aspect-ratio:3 / 2}.article-card .card-title{font-size:clamp(17px,1.8vw,23px);max-width:420px}.article-card:last-child:nth-child(odd){grid-column:1 / -1}.article-card:last-child:nth-child(odd) .card-image{aspect-ratio:21 / 9}.article-card:last-child:nth-child(odd) .card-title{font-size:clamp(20px,2.2vw,28px);max-width:580px}.newsletter-strip{padding:40px 64px;border:1px solid rgba(255,255,255,.06);border-radius:3px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:fadeUp .6s ease .25s both}.newsletter-row{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.newsletter-heading{padding-top:10px}.newsletter-right{display:flex;flex-direction:column;gap:8px}.newsletter-strip h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;color:#e8e8e6;line-height:1.35;white-space:nowrap}.newsletter-inputs{display:flex;gap:0}.newsletter-consent{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.newsletter-consent input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:1px solid rgba(255,255,255,.5);border-radius:2px;background:#0d1117;margin-top:1px;flex-shrink:0;cursor:pointer;position:relative}.newsletter-consent input[type=checkbox]:checked{background:#0d1117;border-color:#ffffff80}.newsletter-consent input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:solid #E8E8E6;border-width:0 2px 2px 0;transform:rotate(45deg)}.newsletter-consent span{font-family:Outfit,sans-serif;font-size:11px;color:#ffffff8c;line-height:1.4}.newsletter-consent a{color:#ffffff80;text-decoration:underline}.newsletter-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-right:none;border-radius:3px 0 0 3px;padding:12px 20px;color:#e8e8e6;font-family:Outfit,sans-serif;font-size:13px;width:240px;outline:none}.newsletter-input::placeholder{color:#ffffff4d}.newsletter-input:focus{border-color:#ffffff73}.newsletter-btn{background:#e8e8e6;border:1px solid #E8E8E6;border-radius:0 3px 3px 0;color:#0d1117;padding:12px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.newsletter-btn:hover{opacity:.85}.newsletter-btn:disabled{opacity:.5;cursor:not-allowed}.newsletter-msg{font-family:Outfit,sans-serif;font-size:12px}.newsletter-msg.success{color:#6b8ead}.newsletter-msg.error{color:#a83530}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.featured-card .card-image{aspect-ratio:16 / 9}}@media(max-width:768px){.page-header{padding:100px 24px 28px}.filters{padding:0 24px}.filters-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tag{white-space:nowrap;padding:12px 14px;font-size:10px}body.blog-index main{padding:24px 24px 140px}.cards-grid{grid-template-columns:1fr}.featured-card .card-image{aspect-ratio:4 / 3}.featured-card .card-content{padding:24px}.featured-card .card-category{top:24px;left:24px}.featured-card .card-title{font-size:22px}.article-card .card-image{aspect-ratio:4 / 3}.article-card .card-title{font-size:18px;max-width:none}.article-card .card-content{padding:24px}.article-card:last-child:nth-child(odd){grid-column:auto}.article-card:last-child:nth-child(odd) .card-image{aspect-ratio:4 / 3}.article-card:last-child:nth-child(odd) .card-title{font-size:18px;max-width:none}.newsletter-strip{padding:28px 24px}.newsletter-row{flex-direction:column;gap:12px}.newsletter-strip h3{white-space:normal;text-align:center}.newsletter-right{width:100%}.newsletter-inputs{flex-direction:column;width:100%}.newsletter-input{width:100%;border-right:1px solid rgba(255,255,255,.1);border-radius:3px}.newsletter-btn{width:100%;justify-content:center;border-radius:3px;margin-top:8px}}