.blog-hero{position:relative;overflow:hidden}.blog-hero>*:not(.blog-beam){position:relative;z-index:1}.blog-hero h1 em{font-style:normal;background:linear-gradient(95deg,#ffd60a 0,#ff9a1f 50%,#ff8000 72%,#a970ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-beam{position:absolute;z-index:0;top:-30%;right:-12%;width:62%;height:170%;pointer-events:none;filter:blur(4px);background:conic-gradient(from 200deg at 100% 0,transparent 0 52%,rgba(169,112,255,.26) 60%,rgba(255,128,0,.24) 68%,rgba(255,196,0,.12) 72%,transparent 78%);animation:blog-beam 16s ease-in-out infinite alternate}@keyframes blog-beam{to{transform:rotate(-9deg) translate(-5%)}}.cat-filters{gap:6px}.cat-filters button{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;border:0;border-radius:0;background:#ffffff12;color:#eadcc0;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background .2s,color .2s}.cat-filters button small{font-size:10px;opacity:.7}.cat-filters button:hover{background:#a970ff52;color:#fff}.cat-filters button:focus-visible{outline:none;background:#fff;color:#120c05}.cat-filters button.is-active{background:linear-gradient(90deg,#ffc400,#ff8000);color:#1a1100}main .posts{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 24px;align-items:start;perspective:1500px}.posts .mesh{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.85;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56'%3E%3Cpath d='M0 56L32 0L64 56M0 0L32 56L64 0M0 0H64M0 56H64' fill='none' stroke='%23ffb04a' stroke-opacity='.5' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(circle 320px at var(--mx, -600px) var(--my, -600px),#000,transparent 72%);mask-image:radial-gradient(circle 320px at var(--mx, -600px) var(--my, -600px),#000,transparent 72%)}main .posts a.card{--k1: #ffc400;--k2: #a970ff;--cut: 34px;grid-column:span 4;position:relative;z-index:1;isolation:isolate;display:flex;flex-direction:column;min-height:300px;padding:28px 26px 24px;border:0;color:#fff;background:linear-gradient(135deg,var(--k1),var(--k2));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1);animation:blog-rise .8s cubic-bezier(.2,.8,.2,1) both}main .posts a.card:nth-child(2n){clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}main .posts a.card:nth-child(3n+2){margin-top:46px}main .posts a.card:nth-child(3n){margin-top:18px}main .posts a.card:nth-child(2){animation-delay:.06s}main .posts a.card:nth-child(3){animation-delay:.12s}main .posts a.card:nth-child(4){animation-delay:.18s}main .posts a.card:nth-child(5){animation-delay:.24s}main .posts a.card:nth-child(6){animation-delay:.3s}@keyframes blog-rise{0%{opacity:0;translate:0 28px}}main .posts a.card[hidden]{display:none}main .posts a.card:hover,main .posts a.card:focus-visible{outline:none}main .posts a.card:before{content:"";position:absolute;inset:1px;z-index:-2;background:radial-gradient(circle 240px at var(--cx, -999px) var(--cy, -999px),rgba(255,170,40,.22),rgba(169,112,255,.14) 45%,transparent 72%),radial-gradient(ellipse 70% 60% at 0 0,rgba(255,128,0,.12),transparent 70%),#0c0a0e;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%)}main .posts a.card:nth-child(2n):before{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--cut) - 1px) 100%,0 calc(100% - var(--cut) + 1px))}main .posts a.card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,224,160,.14) 47%,rgba(190,140,255,.2) 54%,transparent 63%);transform:translate(-130%)}main .posts a.card:hover:after,main .posts a.card:focus-visible:after{transform:translate(130%);transition:transform 1s ease}.posts .card-tri{position:absolute;z-index:-1;right:0;bottom:0;width:34%;aspect-ratio:1;pointer-events:none;opacity:.9;background:linear-gradient(135deg,transparent 50%,rgba(169,112,255,.5) 50%,rgba(255,128,0,.35));clip-path:polygon(100% 0,100% 100%,0 100%)}main .posts a.card:nth-child(2n) .card-tri{right:auto;left:0;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(225deg,transparent 50%,rgba(169,112,255,.5) 50%,rgba(255,128,0,.35))}main .posts a.card[data-cat=malware]{--k1: #ff8a00;--k2: #ffc400}main .posts a.card[data-cat=dataset]{--k1: #ffc400;--k2: #fff2b8}main .posts a.card[data-cat=metodo]{--k1: #a970ff;--k2: #ff8a00}main .posts a.card[data-cat=auto]{--k1: #d9b8ff;--k2: #a970ff}main .posts a.card[data-cat=prevision]{--k1: #ffffff;--k2: #a970ff}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#eadcc0}.card-meta .cat,.cat-filters .gl-wrap{display:inline-flex;align-items:center;gap:9px}.gl{display:inline-block;width:12px;height:11px;background:var(--k1, #ffc400);box-shadow:0 0 10px var(--k1, #ffc400)}.g-malware{clip-path:polygon(50% 0,100% 100%,0 100%)}.g-dataset{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.g-metodo{clip-path:polygon(0 0,100% 50%,0 100%)}.g-auto{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.g-prevision{clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}.card-meta .rt{color:#b9a98c}main .posts a.card h2{margin:32px 0 14px;max-width:16ch;font-size:clamp(23px,2.3vw,29px);line-height:1.06;letter-spacing:-.035em;color:#fff}main .posts a.card p{max-width:46ch;margin:0;font-size:15px;line-height:1.6;color:#e6dccb}main .posts a.card .card-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:26px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff}main .posts a.card .card-link span{display:inline-block;width:26px;height:2px;margin:0;font-size:0;background:linear-gradient(90deg,#ffc400,#a970ff);transition:width .3s}main .posts a.card:hover .card-link span,main .posts a.card:focus-visible .card-link span{width:54px}main .posts a.card.featured{grid-column:1 / -1;min-height:380px;margin-top:0;padding:clamp(28px,4vw,48px);--cut: 56px}main .posts a.card.featured h2{max-width:15ch;font-size:clamp(32px,4.8vw,62px);line-height:.98}main .posts a.card.featured p{max-width:54ch;font-size:17px}main .posts a.card.featured .card-tri{width:min(46%,520px);opacity:1;animation:blog-float 9s ease-in-out infinite alternate}@keyframes blog-float{to{transform:translate(-4%,-6%) scale(1.06)}}@media(max-width:1000px){main .posts a.card{grid-column:span 6}main .posts a.card:nth-child(3n+2),main .posts a.card:nth-child(3n){margin-top:0}main .posts a.card:nth-child(2n){margin-top:34px}}@media(max-width:640px){main .posts{grid-template-columns:1fr;gap:18px}main .posts a.card,main .posts a.card.featured{grid-column:auto;min-height:260px;margin-top:0!important;transform:none}main .posts a.card.featured h2{font-size:clamp(30px,9vw,40px)}.posts .mesh{display:none}}@media(prefers-reduced-motion:reduce){.blog-beam,main .posts a.card,main .posts a.card.featured .card-tri{animation:none}main .posts a.card{transform:none;transition:none}main .posts a.card:hover:after{transition:none;transform:translate(-130%)}}main .blog-hero{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(28px,5vw,72px);align-items:center;padding-bottom:clamp(20px,4vh,40px)}main .blog-hero .bh-text{max-width:74ch}.blog-hero .bh-text{position:relative;z-index:1;min-width:0}.blog-hero h1{max-width:14ch;font-size:clamp(38px,5.2vw,68px);line-height:.98}.blog-hero .lede{max-width:54ch;font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:#e6dccb}.bh-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.bh-links a{padding:11px 22px;font:600 13px var(--sans);color:#f0e6d2;text-decoration:none;background:#ffffff12;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%);transition:background .2s,color .2s}.bh-links a:hover{background:#a970ff5c;color:#fff}.bh-links a:focus-visible{outline:2px solid #fff;outline-offset:-5px}.bh-visual{--cut: 52px;position:relative;isolation:isolate;width:100%;aspect-ratio:520/420;overflow:hidden;background:linear-gradient(135deg,#a970ff,#ff8a00 62%,#ffc400);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.bh-visual:before{content:"";position:absolute;inset:1px;z-index:-2;background:radial-gradient(ellipse 70% 70% at 68% 30%,rgba(169,112,255,.55),transparent 72%),radial-gradient(ellipse 60% 60% at 8% 96%,rgba(255,128,0,.26),transparent 70%),linear-gradient(160deg,#1b1030,#0d0a12 70%);clip-path:polygon(0 0,calc(100% - var(--cut) + 1px) 0,100% calc(var(--cut) - 1px),100% 100%,calc(var(--cut) - 1px) 100%,0 calc(100% - var(--cut) + 1px))}.bh-visual:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,224,160,.16) 47%,rgba(190,140,255,.26) 54%,transparent 63%);transform:translate(-130%);animation:bh-sweep 9s ease-in-out infinite}@keyframes bh-sweep{0%,55%{transform:translate(-130%)}to{transform:translate(130%)}}.bh-visual svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.bh-visual .path{stroke-dasharray:6 7;animation:bh-dash 5s linear infinite}@keyframes bh-dash{to{stroke-dashoffset:-130}}.bh-visual .nodes circle{fill:#0d0a12;stroke:#ffc400;stroke-width:2.5;filter:drop-shadow(0 0 7px rgba(255,170,40,.9))}.bh-visual .bt{position:absolute;z-index:1;padding:6px 16px;font:600 10.5px var(--mono);letter-spacing:.14em;color:#fff;background:#a970ff80;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.bh-visual .bt.t1{left:8%;top:80%}.bh-visual .bt.t2{left:30%;top:44%}.bh-visual .bt.t3{left:52%;top:66%}.bh-visual .bt.t4{left:78%;top:21%}@media(max-width:900px){main .blog-hero{grid-template-columns:1fr}.bh-visual{aspect-ratio:520/280;margin-top:22px}.blog-hero h1{max-width:16ch}}@media(prefers-reduced-motion:reduce){.bh-visual:after,.bh-visual .path{animation:none}}main>.sub-box.sub-box{max-width:min(1200px,calc(100% - (2*clamp(16px,4vw,48px))));margin-left:auto;margin-right:auto;margin-bottom:clamp(56px,8vw,96px)}