#blog-page{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;background:radial-gradient(circle at top right,rgba(255,59,48,.08),transparent 40%),#070707;color:#f5f5f5;padding:60px 0 80px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}#blog-page *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#blog-page .blog-container{max-width:1100px;margin:0 auto;padding:0 20px}#blog-page .blog-title{font-size:clamp(34px,5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin:0 0 22px;color:#fff}#blog-page .blog-title span{color:#ff3b30}#blog-page .blog-text{font-size:19px;line-height:1.8;color:#d6d6d6;max-width:820px;margin:0 0 28px}#blog-page .blog-controls{margin:0 0 44px;display:grid;gap:18px}#blog-page .blog-search-wrap{position:relative;width:100%;max-width:560px;margin:0}#blog-page .blog-search{width:100%;min-height:54px;padding:0 54px 0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(255,59,48,.08),transparent 34%),rgba(255,255,255,.04);color:#fff;font-size:15px;outline:none;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:.25s ease;font-family:inherit;-webkit-appearance:none;appearance:none}#blog-page .blog-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}#blog-page .blog-search::placeholder{color:#8f8f8f}#blog-page .blog-search:focus{border-color:rgba(255,59,48,.42);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 3px rgba(255,59,48,.1);outline:none}#blog-page .blog-clear{position:absolute;right:17px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:0 0;color:rgba(255,255,255,.55);font-size:26px;line-height:1;cursor:pointer;transition:.25s ease;display:none;align-items:center;justify-content:center;padding:0;font-family:inherit;outline:none;-webkit-appearance:none;appearance:none}#blog-page .blog-clear:hover{color:#ff3b30;background:rgba(255,59,48,.08)}#blog-page .blog-clear:focus,#blog-page .blog-clear:active{outline:none;box-shadow:none}#blog-page .blog-clear.active{display:flex}#blog-page .blog-filters{display:flex;flex-wrap:wrap;gap:10px}#blog-page .blog-filter{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.25s ease;font-family:inherit;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;user-select:none}#blog-page .blog-filter:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}#blog-page .blog-filter:focus,#blog-page .blog-filter:active,#blog-page .blog-filter:focus-visible{outline:none;box-shadow:none}#blog-page .blog-filter.active{border-color:transparent;background:linear-gradient(135deg,#e10600 0%,#ff3b30 100%);box-shadow:0 12px 30px rgba(225,6,0,.24)}#blog-page .blog-filter.active:focus,#blog-page .blog-filter.active:active,#blog-page .blog-filter.active:focus-visible{outline:none;box-shadow:0 12px 30px rgba(225,6,0,.24)}#blog-page .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}#blog-page .blog-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:.25s ease;text-decoration:none;color:#f5f5f5;outline:none;-webkit-tap-highlight-color:transparent}#blog-page .blog-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.14);box-shadow:0 24px 50px rgba(0,0,0,.34)}#blog-page .blog-card:focus,#blog-page .blog-card:active{outline:none}#blog-page .blog-image{height:220px;display:flex;align-items:center;justify-content:center;background:#0b0b0b;overflow:hidden}#blog-page .blog-image img{width:100%;height:100%;object-fit:contain;padding:12px;transition:.4s ease}#blog-page .blog-card:hover .blog-image img{transform:scale(1.05)}#blog-page .blog-body{padding:20px}#blog-page .blog-body h3{margin:0 0 10px;font-size:20px;line-height:1.3}#blog-page .blog-body p{color:#aaa;font-size:14px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44.8px}#blog-page .blog-empty{display:none;margin-top:26px;padding:24px;border-radius:22px;background:radial-gradient(circle at top right,rgba(255,59,48,.1),transparent 34%),rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#b7b7b7;font-size:16px;line-height:1.7}#blog-page .blog-empty.active{display:block}@media (max-width:900px){#blog-page .blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){#blog-page{padding:48px 0 64px}#blog-page .blog-grid{grid-template-columns:1fr}#blog-page .blog-text{font-size:17px;margin-bottom:24px}#blog-page .blog-controls{margin-bottom:34px}#blog-page .blog-filter{font-size:13px;min-height:40px;padding:0 14px}#blog-page .blog-filter:hover{transform:none}#blog-page .blog-body{padding:18px}}