.blog-page-template .blog-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:110px 24px 48px}.blog-page-template .blog-hero-in{max-width:var(--container);margin:0 auto}.blog-page-template .blog-ey{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:14px;font-size:.68rem;font-weight:600;display:inline-flex}.blog-page-template .blog-ey:before{content:"";background:var(--accent);width:24px;height:1.5px}.blog-page-template .blog-hero h1{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:10px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.blog-page-template .blog-hero p{color:var(--text-secondary);max-width:480px;margin-bottom:24px;font-size:.95rem;line-height:1.8}.blog-page-template .blog-tabs{flex-wrap:wrap;gap:6px;display:flex}.blog-page-template .blog-tab{border-radius:var(--radius-full);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:var(--surface);font-size:.8rem;font-weight:600;font-family:var(--font-body);padding:8px 18px;text-decoration:none;transition:all .15s}.blog-page-template .blog-tab:hover{border-color:var(--accent);color:var(--text-primary)}.blog-page-template .blog-tab.on{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark)}.blog-page-template .blog-body{max-width:var(--container);margin:0 auto;padding:40px 24px 80px}.blog-page-template .feat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:1.15fr .85fr;gap:0;margin-bottom:48px;text-decoration:none;transition:box-shadow .3s;display:grid;overflow:hidden}.blog-page-template .feat:hover{box-shadow:var(--shadow-lg)}.blog-page-template .feat-img{min-height:340px;overflow:hidden}.blog-page-template .feat-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-page-template .feat:hover .feat-img img{transform:scale(1.03)}.blog-page-template .feat-body{flex-direction:column;justify-content:center;padding:40px 36px;display:flex}.blog-page-template .feat-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:.68rem;font-weight:600}.blog-page-template .feat-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:1.45rem;font-weight:800;line-height:1.3}.blog-page-template .feat-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.88rem;line-height:1.8;display:-webkit-box;overflow:hidden}.blog-page-template .feat-meta{border-top:1px solid var(--border-light);align-items:center;gap:12px;padding-top:16px;display:flex}.blog-page-template .feat-av{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.blog-page-template .feat-av img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-page-template .feat-author{color:var(--text-primary);font-size:.8rem;font-weight:600}.blog-page-template .feat-date{color:var(--text-tertiary);font-size:.72rem}.blog-page-template .feat-read{color:var(--text-tertiary);align-items:center;gap:4px;margin-right:auto;font-size:.72rem;display:flex}.blog-page-template .feat-read svg{width:13px;height:13px}.blog-page-template .sec-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.blog-page-template .sec-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:800}.blog-page-template .articles-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}.blog-page-template .a-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;overflow:hidden}.blog-page-template .a-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-light);transform:translateY(-5px)}.blog-page-template .a-img{height:180px;overflow:hidden}.blog-page-template .a-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-page-template .a-card:hover .a-img img{transform:scale(1.04)}.blog-page-template .a-body{padding:22px}.blog-page-template .a-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.65rem;font-weight:600}.blog-page-template .a-title{font-family:var(--font-heading);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-page-template .a-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.82rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-page-template .a-meta{border-top:1px solid var(--border-light);align-items:center;gap:10px;padding-top:14px;display:flex}.blog-page-template .a-av{border-radius:50%;flex-shrink:0;width:30px;height:30px;overflow:hidden}.blog-page-template .a-av img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-page-template .a-author{color:var(--text-primary);font-size:.76rem;font-weight:600}.blog-page-template .a-date{color:var(--text-tertiary);font-size:.68rem}.blog-page-template .a-read{color:var(--text-tertiary);margin-right:auto;font-size:.68rem}.blog-page-template .newsletter{background:var(--bg-dark);border-radius:var(--radius-lg);text-align:center;margin-bottom:48px;padding:48px;position:relative;overflow:hidden}.blog-page-template .newsletter:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8964e1a,#0000 60%);width:400px;height:400px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.blog-page-template .newsletter h3{font-family:var(--font-heading);color:var(--text-inverse);z-index:2;margin-bottom:8px;font-size:1.2rem;font-weight:800;position:relative}.blog-page-template .newsletter p{color:#ffffff80;z-index:2;margin-bottom:20px;font-size:.88rem;position:relative}.blog-page-template .nl-form{z-index:2;gap:8px;max-width:420px;margin:0 auto;display:flex;position:relative}.blog-page-template .nl-input{border-radius:var(--radius-sm);color:var(--text-primary);font-size:.86rem;font-family:var(--font-body);background:#fff;border:none;outline:none;flex:1;padding:13px 18px}.blog-page-template .nl-input::placeholder{color:var(--text-tertiary)}.blog-page-template .btn-accent{background:var(--accent);color:#fff}.blog-page-template .btn-accent:hover{background:var(--accent-dark);transform:translateY(-2px)}.blog-page-template .blog-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);margin-bottom:40px;padding:48px 32px}.blog-page-template .blog-empty h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:10px;font-size:1.2rem;font-weight:800}.blog-page-template .blog-empty p{font-size:.9rem;line-height:1.8}.blog-page-template .pgn{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.blog-page-template .pgn-b{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.blog-page-template .pgn-b:hover{border-color:var(--accent)}.blog-page-template .pgn-b.on{background:var(--bg-dark);border-color:var(--bg-dark);color:var(--text-inverse)}.blog-page-template .pgn-b.is-disabled{opacity:.45;cursor:default;pointer-events:none}.blog-page-template .pgn-b svg{width:14px;height:14px}@media (width<=1024px){.blog-page-template .feat{grid-template-columns:1fr}.blog-page-template .feat-img{min-height:240px}.blog-page-template .articles-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.blog-page-template .articles-grid{grid-template-columns:1fr}.blog-page-template .nl-form{flex-direction:column}.blog-page-template .blog-tabs{gap:4px}.blog-page-template .feat-body{padding:24px}.blog-page-template .newsletter{padding:36px 20px}}
