root{padding:0;margin:0;box-sizing:border-box;overflow:hidden}*{scroll-behavior:smooth}@font-face{font-family:HK Grotesk;src:url(/assets/font/HankenGrotesk.ttf) format("truetype");font-weight:1 999;font-style:normal;font-display:swap}.app_container{overflow:hidden}.blog{min-height:100vh;padding:0 24px 80px;background:linear-gradient(180deg,rgba(169,112,255,.08),transparent 420px),#101010;color:#fefefe}.blog__hero{width:min(100%,1280px);margin:0 auto;padding:120px 0 56px}.blog__hero-content{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:end;padding-bottom:36px;border-bottom:1px solid rgba(254,254,254,.1)}.blog__hero-logo-link{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(254,254,254,.1);border-radius:8px}.blog__hero-logo{width:32px;height:32px;object-fit:contain}.blog__hero-title{max-width:760px;margin:0;color:#fefefe;font-size:clamp(42px,7vw,82px);font-weight:900;line-height:.98}.blog__hero-subtitle{grid-column:2;max-width:620px;margin:-8px 0 0;color:#fefefe9e;font-size:17px;line-height:1.6}.blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,1280px);margin:0 auto;padding:18px 0;border-top:1px solid rgba(254,254,254,.12);counter-reset:article-card}.blog__card{position:relative;display:flex;flex-direction:column;min-height:438px;overflow:hidden;padding:0;border:1px solid rgba(254,254,254,.1);border-radius:8px;background:linear-gradient(180deg,rgba(254,254,254,.065),transparent 54%),#fefefe0b;color:#fefefe;text-decoration:none;opacity:0;transform:translateY(28px);animation:blogFadeUp .7s ease forwards;animation-delay:var(--fade-delay, 0s);transition:border-color .2s ease,background .2s ease,transform .2s ease}.blog__card:before{position:absolute;top:18px;left:18px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(254,254,254,.12);border-radius:50%;background:#10101070;color:#fefefead;content:"0" counter(article-card);counter-increment:article-card;font-size:12px;font-weight:900}.blog__card:after{position:absolute;top:26px;right:24px;z-index:2;width:16px;height:16px;border:1px solid rgba(169,112,255,.52);border-radius:5px;content:"";transform:rotate(45deg)}.blog__card:hover{border-color:#a970ff5c;background:linear-gradient(180deg,rgba(169,112,255,.12),transparent 56%),#fefefe13;transform:translateY(-4px)}.blog__card:hover .blog__card-image img{transform:scale(1.035)}.blog__card--text-only .blog__card-content{padding-top:68px}.blog__card:first-child{grid-column:span 2;min-height:470px;background:linear-gradient(135deg,rgba(169,112,255,.18),transparent 44%),#fefefe13}.blog__card:first-child .blog__card-image{height:276px}.blog__card:first-child .blog__card-content{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}.blog__card:first-child time,.blog__card:first-child h2{grid-column:1}.blog__card:first-child h2{max-width:720px;font-size:clamp(32px,4vw,48px);line-height:1}.blog__card:first-child p{grid-column:1;grid-row:auto;max-width:680px;margin-top:16px;padding-top:0;font-size:16px}.blog__card:first-child .tag-container{grid-column:1/-1}.blog__card-image{position:relative;height:214px;overflow:hidden;border-bottom:1px solid rgba(254,254,254,.1);background:#12101a}.blog__card-image img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .4s ease}.blog__card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#10101014,#101010b8),linear-gradient(90deg,rgba(16,16,16,.38),transparent)}.blog__card-content{display:flex;flex:1;flex-direction:column;padding:24px}.blog__card-content time{color:#a970ff;font-size:12px;font-weight:900;text-transform:uppercase}.blog__card-content h2,.blog__card-content h3{margin:14px 0 0;color:#fefefe;font-size:clamp(22px,2.3vw,28px);font-weight:900;line-height:1.08;text-shadow:none;overflow-wrap:anywhere}.blog__card-content p{margin:14px 0 0;color:#fefefe9e;font-size:15px;line-height:1.62;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.blog__card-content .tag-container{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:22px}.blog__card-content .tag-container span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(254,254,254,.1);border-radius:999px;color:#fefefebd;font-size:12px;font-weight:800}.blog__error,.blog__empty{width:min(100%,1280px);margin:0 auto;padding:28px;border-top:1px solid rgba(255,164,164,.26);border-bottom:1px solid rgba(255,164,164,.26);color:#ffa4a4}@keyframes blogFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 980px){.blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog__card:first-child{grid-column:1/-1}.blog__card:first-child .blog__card-content{grid-template-columns:1fr}.blog__card:first-child p,.blog__card:first-child .tag-container{grid-column:1}.blog__card:first-child p{grid-row:auto}}@media screen and (max-width: 680px){.blog{padding:0 24px 64px}.blog__hero{padding-top:92px}.blog__hero-content{grid-template-columns:1fr;gap:18px}.blog__hero-subtitle{grid-column:1;margin-top:0}.blog__grid{grid-template-columns:1fr;gap:14px;padding-top:14px}.blog__card{grid-column:auto;min-height:auto}.blog__card:first-child{min-height:auto}.blog__card:first-child .blog__card-image{height:220px}.blog__card:first-child h2{font-size:clamp(28px,9vw,36px)}.blog__card:hover{transform:translateY(0)}}