.op-blog-page,.op-blog-single{max-width:1180px;margin:0 auto;padding:58px 28px 100px}.op-blog-hero{max-width:780px;margin:0 auto 34px;text-align:center}.op-blog-hero .eyebrow{display:inline-block;color:#5b4dff;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.op-blog-hero h1{margin:12px 0 14px;color:#0d0e2b;font:700 clamp(42px,7vw,78px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.06em}.op-blog-hero p{max-width:650px;margin:0 auto;color:#626985;font-size:17px;line-height:1.6}.op-blog-categories{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 auto 42px}.op-blog-categories a{padding:10px 16px;border:1px solid #dfe3ee;border-radius:999px;color:#273052;text-decoration:none;font-size:13px;font-weight:700}.op-blog-categories a:hover,.op-blog-categories a.is-active{background:#0d0e2b;border-color:#0d0e2b;color:#fff}.op-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.op-blog-card{overflow:hidden;background:#fff;border:1px solid #e6e9f0;border-radius:20px;box-shadow:0 14px 38px rgba(13,14,43,.07);transition:transform .2s ease,box-shadow .2s ease}.op-blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(13,14,43,.12)}.op-blog-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,#0d0e2b,#5b4dff);color:#c6ff00;font:700 26px 'Space Grotesk',sans-serif;text-decoration:none;overflow:hidden}.op-blog-card-image img{width:100%;height:100%;object-fit:cover}.op-blog-card-body{padding:22px}.op-blog-card-meta,.op-blog-article-date{display:flex;align-items:center;gap:10px;color:#737b98;font-size:11px}.op-blog-card-meta span{color:#5b4dff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.op-blog-card h2{margin:12px 0 9px;font:700 23px/1.08 'Space Grotesk',sans-serif;letter-spacing:-.035em}.op-blog-card h2 a{color:#0d0e2b;text-decoration:none}.op-blog-card p{margin:0;color:#69718d;font-size:14px;line-height:1.55}.op-blog-read-more{display:inline-flex;gap:8px;align-items:center;margin-top:19px;color:#5b4dff;font-size:13px;font-weight:800;text-decoration:none}.op-blog-read-more span{color:#c6ff00;background:#0d0e2b;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.op-blog-empty{grid-column:1/-1;padding:70px 20px;text-align:center;background:#fff;border:1px dashed #cdd3e1;border-radius:20px}.op-blog-empty h2{margin:0 0 8px;color:#0d0e2b}.op-blog-empty p{margin:0;color:#69718d}.nav-links{display:flex;justify-content:center;gap:10px;margin-top:42px}.nav-links a,.nav-links .current{padding:9px 13px;border-radius:8px;color:#0d0e2b;text-decoration:none;border:1px solid #dfe3ee;font-size:13px}.nav-links .current{background:#c6ff00;border-color:#c6ff00;font-weight:800}.op-blog-single{max-width:900px}.op-blog-article{background:#fff;border:1px solid #e6e9f0;border-radius:24px;box-shadow:0 16px 50px rgba(13,14,43,.08);overflow:hidden}.op-blog-article-top{display:flex;justify-content:space-between;gap:16px;padding:26px 34px 0;font-size:13px}.op-blog-article-top a{color:#5b4dff;text-decoration:none;font-weight:800}.op-blog-article-top span{color:#737b98}.op-blog-article-header{padding:30px 34px 26px}.op-blog-article-header h1{margin:0 0 17px;color:#0d0e2b;font:700 clamp(34px,6vw,64px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em}.op-blog-article-date span{color:#5b4dff;font-weight:800}.op-blog-article-image{margin:0 34px;border-radius:15px;overflow:hidden}.op-blog-article-image img{display:block;width:100%;height:auto}.op-blog-article-content{padding:34px;color:#3c4563;font-size:17px;line-height:1.75}.op-blog-article-content h2{margin:34px 0 10px;color:#0d0e2b;font:700 29px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.035em}.op-blog-article-content h3{margin:26px 0 8px;color:#0d0e2b;font-size:21px}.op-blog-article-content a{color:#5b4dff}.op-blog-article-content blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid #c6ff00;background:#f4f6fa;color:#0d0e2b}.op-blog-article-content img{max-width:100%;height:auto}@media(max-width:850px){.op-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.op-blog-page,.op-blog-single{padding:40px 18px 72px}.op-blog-grid{grid-template-columns:1fr}.op-blog-hero h1{font-size:48px}.op-blog-article-top,.op-blog-article-header,.op-blog-article-content{padding-left:22px;padding-right:22px}.op-blog-article-image{margin-left:22px;margin-right:22px}.op-blog-article-content{font-size:16px}}