*,:after,:before{box-sizing:border-box}.blog-container{min-height:100vh;color:#f0f0f0;font-family:Roboto Condensed,sans-serif;background:linear-gradient(180deg,#161616,#121212);padding:100px 0 clamp(48px,6vw,80px)}.blog-header{text-align:center;padding:clamp(20px,4vw,48px) 16px clamp(16px,3vw,32px);max-width:700px;margin:0 auto}.blog-eyebrow{font-family:Oswald,sans-serif;font-size:11px;font-weight:500;letter-spacing:3.5px;text-transform:uppercase;color:rgba(200,200,200,.55);margin:0 0 14px}#blog-title{display:block;margin:0 auto 12px;font-size:clamp(28px,3.5vw,42px)}#blog-title:after,#blog-title:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.blog-subtitle{font-family:Roboto Condensed,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:300;color:rgba(180,180,180,.7);margin:0;letter-spacing:.3px}.blog-posts{width:min(960px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-gap:12px;gap:12px;padding:8px 0 20px}.blog-post{padding:18px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(175deg,#1a1a1a,#141414);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .16s ease,border-color .16s ease,box-shadow .2s ease;position:relative}.blog-post:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.blog-post:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15);box-shadow:0 16px 40px rgba(0,0,0,.55)}.blog-post a{display:block;color:inherit;text-decoration:none}.blog-post h2{margin:0 0 8px;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;letter-spacing:.3px;color:rgba(220,220,220,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.blog-post:hover h2{color:#ffffff}.blog-post p{margin:0;font-size:13px;font-weight:300;line-height:1.55;color:rgba(180,180,180,.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post a:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:3px;border-radius:10px}.pagination-controls{width:min(960px,94vw);margin:20px auto 0;padding:10px 12px;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}.pagination-controls::-webkit-scrollbar{display:none}.pagination-controls{scrollbar-width:none}.pagination-controls a,.pagination-controls button,.pagination-controls span{flex:0 0 auto}.pagination-controls span{color:rgba(200,200,200,.6);font-weight:800;padding:0 6px}.pagination-controls a,.pagination-controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(220,220,220,.85);font-weight:700;font-size:12px;height:34px;min-width:34px;padding:0 10px;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.pagination-controls a:hover,.pagination-controls button:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#ffffff}.pagination-controls a.active-page,.pagination-controls button.active-page{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#ffffff}.pagination-controls button:disabled,.pagination-controls button:disabled:hover{opacity:.35;cursor:not-allowed;transform:none;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:rgba(220,220,220,.85)}.blog-cta{margin:48px auto 0;width:min(680px,90vw);text-align:center;padding:clamp(28px,4vw,48px) clamp(20px,4vw,48px);border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(175deg,#1c1c1c,#141414);box-shadow:0 12px 36px rgba(0,0,0,.45);position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.blog-cta-label{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(200,200,200,.5);margin:0 0 10px}.blog-cta-heading{font-size:clamp(20px,3vw,28px);letter-spacing:1px;color:#f0f0f0;margin:0 0 20px}.blog-cta-btn,.blog-cta-heading{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase}.blog-cta-btn{display:inline-block;padding:12px 36px;background:#ffffff;color:#0a0a0a;font-size:14px;letter-spacing:2px;text-decoration:none;border-radius:999px;box-shadow:0 4px 0 rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .2s ease}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.45)}@media (max-width:600px){.blog-posts{grid-template-columns:1fr;gap:8px}.blog-post{padding:14px 12px}.pagination-controls{gap:3px;padding:8px}.pagination-controls a,.pagination-controls button{height:32px;min-width:32px;padding:0 8px}}@media (prefers-reduced-motion:reduce){.blog-cta-btn,.blog-post,.pagination-controls a,.pagination-controls button{transition:none!important;transform:none!important}}.blog-empty{grid-column:1/-1;text-align:center;color:rgba(200,200,200,.55);font-size:14px;padding:32px 0}