.blog-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(26px,5vw,58px) 0 72px}
.blog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:2rem;padding:clamp(26px,5vw,52px);overflow:hidden;border:1px solid #ffc85740;border-radius:24px;background:radial-gradient(ellipse at 80% 50%,#f27b2730,transparent 36%),linear-gradient(125deg,#25150f,#191827 65%,#121521);box-shadow:0 24px 70px #0003}
.blog-hero h1{max-width:760px;margin:.6rem 0 .7rem;font:700 clamp(2.35rem,6vw,4.5rem)/1.04 'Bebas Neue','Arial Narrow',sans-serif;letter-spacing:.025em}
.blog-hero p{max-width:650px;margin:0;color:#d2d4df;font-size:1.08rem}
.blog-hero img{width:min(100%,220px);height:auto;justify-self:center;filter:drop-shadow(0 14px 28px #0008)}
.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:1.5rem}
.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff1d;border-radius:18px;background:linear-gradient(145deg,#1b1e2a,#13151f);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.blog-card:hover{transform:translateY(-4px);border-color:#ffb44988;box-shadow:0 14px 36px #0004}
.blog-card__image{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at center,#47261b,#171722);text-decoration:none}
.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-card__image img{transform:scale(1.035)}
.blog-card__placeholder{font-size:4rem;filter:drop-shadow(0 5px 14px #f28b3855)}
.blog-card__body{display:flex;flex:1;flex-direction:column;padding:1.15rem}
.blog-card__meta{display:flex;justify-content:space-between;gap:.6rem;color:#ffcb78;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.blog-card__meta time{color:#abb0bf;font-weight:600;letter-spacing:0;white-space:nowrap;text-transform:none}
.blog-card h2{margin:.65rem 0 .4rem;font:700 1.4rem/1.2 'Bebas Neue','Arial Narrow',sans-serif;letter-spacing:.025em}
.blog-card h2 a{color:#fff;text-decoration:none}
.blog-card h2 a:hover{color:#ffd68f}
.blog-card p{flex:1;margin:0 0 1rem;color:#c4c7d2;font-size:.9rem;line-height:1.6}
.blog-read{display:flex;align-items:center;justify-content:space-between;padding-top:.8rem;border-top:1px solid #ffffff18;font-weight:900;text-decoration:none}
.blog-back{display:inline-block;margin-bottom:1rem;font-weight:800;text-decoration:none}
.blog-article{max-width:900px;margin:auto;padding:clamp(22px,5vw,54px);border:1px solid #ffffff1e;border-radius:22px;background:linear-gradient(145deg,#1a1d29,#12141e)}
.blog-article__head{text-align:center}
.blog-article__head time{display:inline-block;margin:.55rem;color:#b7bbca;font-size:.9rem}
.blog-article__head h1{margin:.45rem auto 1rem;font:700 clamp(2rem,5.5vw,3.8rem)/1.08 'Bebas Neue','Arial Narrow',sans-serif;letter-spacing:.025em}
.blog-article__head p{max-width:740px;margin:0 auto;color:#d2d4df;font-size:1.1rem}
.blog-tag{display:inline-block;border:1px solid #ffc85755;border-radius:999px;padding:.25rem .7rem;background:#ffb7441b;color:#ffd17e;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.blog-article__cover{margin:2rem 0 1.5rem;text-align:center}
.blog-article__cover img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:15px}
.blog-article__cover figcaption,.blog-source{margin-top:.55rem;color:#aeb3c1;font-size:.82rem}
.blog-article__body{max-width:740px;margin:1.5rem auto;color:#e0e1e8;font-size:1.05rem;line-height:1.85;overflow-wrap:anywhere}
.blog-article__body h2,.blog-article__body h3,.blog-article__body h4{margin:1.7rem 0 .5rem;color:#ffe0a3}
.blog-article__body p{margin:0 0 1.15rem}
.blog-article__body blockquote{margin:1.5rem 0;padding:.5rem 1.2rem;border-left:3px solid #ffb044;color:#ffdba3;background:#ffffff08}
.blog-article__body a{color:#ffc978}
.blog-source{max-width:740px;margin:1.5rem auto 0}
.blog-empty{margin-top:1.5rem;padding:2rem;border:1px solid #ffffff20;border-radius:18px;background:#171925;text-align:center}
.blog-empty h2{font:700 1.8rem 'Bebas Neue','Arial Narrow',sans-serif;color:#ffe0a3}
.blog-empty p{color:#c4c7d2}
.blog-empty .portal-button{margin:1rem auto 0}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:1.3rem;flex-wrap:wrap;margin:2rem 0}
.blog-pagination a{font-weight:900;text-decoration:none}
.blog-pagination span{color:#c4c7d2}
@media(max-width:850px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-hero{grid-template-columns:1fr;text-align:center;gap:.7rem}.blog-hero img{grid-row:1;width:min(43vw,180px)}.blog-list{grid-template-columns:1fr}.blog-card{max-width:560px;width:100%;margin:auto}.blog-article{padding:20px 16px}.blog-article__body{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__image img{transition:none}.blog-card:hover{transform:none}}