:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.blogList{width:100%;padding:60px 0}.blogList__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:1024px){.blogList__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.blogList__grid{grid-template-columns:1fr}}.blogList__empty{text-align:center;padding:100px 0}.blogList__empty h3{font-size:24px;color:var(--text-color);margin-bottom:12px}.blogList__empty p{color:rgba(var(--text-color-rgb),.6)}.blogList__pagination{justify-content:center;gap:12px;margin-top:48px;padding-bottom:20px}.blogList__pageNumbers,.blogList__pagination{display:flex;align-items:center;flex-wrap:wrap}.blogList__pageNumbers{gap:8px}.blogList__pageBtn{min-width:44px;height:44px;padding:0 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.03);color:var(--text-color);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease}.blogList__pageBtn:hover:not(:disabled):not(.blogList__pageBtn--active){border-color:rgba(191,66,82,.5);background:hsla(0,0%,100%,.06)}.blogList__pageBtn--nav{min-width:auto}.blogList__pageBtn--active{background:#bf4252;border-color:#bf4252;color:#fff;cursor:default}.blogList__pageBtn:disabled{opacity:.35;cursor:not-allowed}.blogList__pageEllipsis{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;color:rgba(var(--text-color-rgb),.6);font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}[data-theme=light] .blogList__pageBtn{background:#fff;border-color:rgba(0,0,0,.08);color:#161616;box-shadow:0 4px 12px rgba(0,0,0,.03)}[data-theme=light] .blogList__pageBtn:hover:not(:disabled):not(.blogList__pageBtn--active){border-color:rgba(191,66,82,.4);background:#fafafa}[data-theme=light] .blogList__pageBtn--active{background:#bf4252;border-color:#bf4252;color:#fff}