.blog-page,.blog-article{min-height:70vh;background:#0b0e10;color:#f5f7f8}.blog-hero{padding:92px 0 46px;display:flex;align-items:end;justify-content:space-between;gap:50px}.blog-hero small,.blog-featured small,.blog-card small,.blog-article>header>small,.article-related>small{color:var(--lime);font:800 11px/1 Manrope;letter-spacing:.2em}.blog-hero h1{font:700 clamp(54px,7vw,104px)/.88 Oxanium;margin:18px 0;letter-spacing:-.06em}.blog-hero h1 em{font-style:normal;color:var(--lime)}.blog-hero p{max-width:600px;color:#9da6ad;font-size:17px}.blog-hero form{display:flex;min-width:340px;border:1px solid #3b454d;border-radius:16px;overflow:hidden;background:#171c20}.blog-hero input{flex:1;min-width:0;border:0;background:none;color:#fff;padding:16px}.blog-hero button{border:0;padding:0 20px;background:var(--lime);font-weight:900}.blog-categories{display:flex;gap:8px;padding:15px 0 34px;overflow:auto}.blog-categories a{white-space:nowrap;border:1px solid #303940;border-radius:30px;padding:10px 16px;color:#aeb6bc;font-size:12px;font-weight:800}.blog-categories a.active,.blog-categories a:hover{background:var(--lime);border-color:var(--lime);color:#101310}.blog-featured{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #354048;border-radius:28px;overflow:hidden;background:#151a1e}.blog-cover{min-height:430px;background:radial-gradient(circle at 30% 20%,#c6ff2f,#526d0f 35%,#161c13 70%);display:grid;place-items:center}.blog-cover img{width:100%;height:100%;object-fit:cover}.blog-cover span{color:#101310;font:800 58px/.8 Oxanium;letter-spacing:-.07em}.blog-featured>div{padding:48px;display:flex;flex-direction:column;justify-content:center}.blog-featured h2{font:700 clamp(30px,4vw,52px)/1 Oxanium;margin:18px 0}.blog-featured p,.blog-card p{color:#9da6ad;line-height:1.65}.blog-featured footer,.blog-card footer{display:flex;gap:20px;color:#77818a;font-size:11px;margin:20px 0}.blog-read{align-self:flex-start;color:var(--lime);font-weight:900}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:42px 0 70px}.blog-card{overflow:hidden;border:1px solid #303940;border-radius:22px;background:#151a1e;transition:.25s}.blog-card:hover{transform:translateY(-5px);border-color:#59666f}.blog-card-cover{display:grid;height:225px;place-items:center;background:linear-gradient(135deg,#293526,#101411)}.blog-card-cover img{width:100%;height:100%;object-fit:cover}.blog-card-cover span{font:800 90px Oxanium;color:var(--lime)}.blog-card>div{padding:25px}.blog-card h2{font:700 25px/1.12 Oxanium;margin:12px 0}.blog-empty{grid-column:1/-1;text-align:center;padding:80px;border:1px dashed #39434b;border-radius:22px}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:24px;padding-bottom:70px}.blog-pagination a{color:var(--lime);font-weight:800}.blog-pagination span{color:#89939a}.blog-article>header{padding:75px 0 40px;max-width:950px}.blog-article>header nav{display:flex;gap:10px;color:#758089;font-size:12px;margin-bottom:55px}.blog-article>header h1{font:700 clamp(45px,6.2vw,88px)/.98 Oxanium;letter-spacing:-.055em;margin:18px 0}.blog-article>header>p{max-width:750px;color:#abb3b9;font-size:19px;line-height:1.6}.article-meta{display:flex;align-items:center;gap:12px;margin-top:30px}.article-meta .avatar,.article-comments .avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--lime);color:#111;font-weight:900}.article-meta b,.article-meta small{display:block}.article-meta small{color:#7f8991;font-size:11px}.article-cover{height:min(62vw,650px);overflow:hidden;border-radius:28px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 180px;justify-content:center;gap:80px;padding:65px 0}.article-body{white-space:pre-line;font-size:18px;line-height:1.95;color:#d5dadd}.article-layout aside{display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:sticky;top:100px;align-self:start}.article-layout aside b{font-size:9px;letter-spacing:.16em;color:#69737b;margin-top:18px}.article-layout aside a,.article-layout aside button{border:0;background:none;padding:0;color:#bfc6cb;font:700 12px Manrope;cursor:pointer}.article-layout aside a:hover,.article-layout aside button:hover{color:var(--lime)}.article-comments{max-width:900px;padding:55px 0;border-top:1px solid #2d353b}.article-comments h2,.article-related h2{font:700 38px Oxanium;margin:8px 0 25px}.article-comments form{display:grid;justify-items:end;gap:10px}.article-comments textarea{width:100%;min-height:110px;padding:16px;border:1px solid #39434b;border-radius:14px;background:#151a1e;color:#fff;resize:vertical}.article-comments>div>article{display:flex;gap:13px;padding:22px 0;border-bottom:1px solid #242b30}.article-comments>div>article>div{flex:1}.article-comments article header{display:flex;justify-content:space-between}.article-comments article time{color:#717b83;font-size:10px}.article-comments article p{white-space:pre-line;color:#b9c0c5}.comment-login{padding:18px;border-radius:14px;background:#171d20}.comment-login a{color:var(--lime)}.article-related{padding:60px 0 90px}.article-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-related>div>a{display:grid;gap:12px;padding:24px;border:1px solid #303940;border-radius:18px;background:#151a1e}.article-related span,.article-related small{font-size:10px;color:#8e989f}.article-related b{font:700 20px Oxanium}.blog-admin-filters{display:flex;gap:10px;margin:18px 0}.blog-admin-filters input,.blog-admin-filters select,.blog-editor input,.blog-editor textarea,.blog-editor select{border:1px solid #3b4650;border-radius:10px;background:#111518;color:#fff;padding:12px}.blog-admin-filters input{flex:1}.blog-admin-list article,.blog-comment-admin article{display:flex;align-items:center;gap:18px;padding:18px;border-bottom:1px solid #303941}.blog-admin-list article>div,.blog-comment-admin article>div{flex:1}.blog-admin-list h3{margin:5px 0}.blog-admin-list p,.blog-comment-admin p{margin:4px 0;color:#929ca4;font-size:12px}.blog-admin-list nav{display:flex;align-items:center;gap:8px}.blog-admin-list nav a,.blog-admin-list nav button,.blog-comment-admin button{border:1px solid #3b4650;border-radius:8px;background:#20262b;color:#fff;padding:8px 10px;font-size:11px}.blog-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;padding:24px}.blog-editor section,.blog-editor aside{display:grid;align-content:start;gap:16px}.blog-editor label{display:grid;gap:7px;color:#aeb7bd;font-size:12px;font-weight:800}.blog-editor .blog-body-editor{min-height:520px;resize:vertical;font:15px/1.7 Manrope}.blog-editor .check{display:flex;align-items:center}.blog-editor-cover{width:100%;max-height:170px;object-fit:cover;border-radius:12px}.blog-editor hr{width:100%;border:0;border-top:1px solid #343d44}.blog-comment-admin{margin-top:20px;padding:20px}.blog-comment-admin article form{flex:none}@media(max-width:850px){.blog-hero{display:block;padding-top:55px}.blog-hero form{min-width:0;margin-top:25px}.blog-featured,.blog-editor{grid-template-columns:1fr}.blog-cover{min-height:270px}.blog-grid,.article-related>div{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:10px}.article-layout aside{position:static;flex-direction:row;flex-wrap:wrap}.blog-admin-list article{align-items:flex-start;flex-direction:column}.blog-featured>div{padding:30px}}