:root{--bg-body:#f4f6f8;--bg-deep:#0a1128;--surface:#ffffff;--ink:#0a1128;--text:#344055;--muted:#64748b;--border:#e2e8f0;--primary-from:#3b82f6;--primary-to:#8b5cf6;--primary-gradient:linear-gradient(135deg, var(--primary-from) 0%, var(--primary-to) 100%);--shadow-bento:0 20px 40px -4px rgba(10, 17, 40, 0.08), 0 8px 16px -4px rgba(10, 17, 40, 0.04);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.05);--radius-lg:24px;--ease:cubic-bezier(.2,.8,.2,1)}body{background:var(--bg-body);color:var(--text)}.section{padding:56px 0}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-bento);overflow:hidden;transition:transform 0.3s var(--ease),box-shadow 0.3s ease}.kicker{font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--primary-to);margin-bottom:12px;display:block}h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(24px, 3vw, 38px);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:0}.lead{font-size:18px;color:var(--muted);max-width:60ch;margin-top:16px;line-height:1.7}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-bento);transition:transform 0.3s var(--ease),box-shadow 0.3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -10px rgb(10 17 40 / .12)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:600;font-size:.9375rem;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s var(--ease)}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);transform:translateY(-1px)}.input{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:.9375rem}.input:focus{outline:none;border-color:var(--primary-from);box-shadow:0 0 0 3px rgb(59 130 246 / .1)}.newsletter{display:grid;gap:10px;margin-top:10px}.newsletter .input{border-radius:14px;border-color:rgb(255 255 255 / .18);background:rgb(255 255 255 / .1);color:rgb(255 255 255 / .92);max-width:100%;min-width:0;padding:12px 16px;border:1px solid rgb(255 255 255 / .2);font-size:.9375rem;width:100%;box-sizing:border-box}.newsletter .input::placeholder{color:rgb(255 255 255 / .58)}.newsletter .input:focus{outline:none;border-color:rgb(255 255 255 / .3);background:rgb(255 255 255 / .08)}.newsletter .btn{width:100%;margin-top:4px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-bento);transition:transform 0.3s var(--ease),box-shadow 0.3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -10px rgb(10 17 40 / .12)}.blog-card-image{height:100px;background:linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);display:grid;place-items:center;font-size:32px;position:relative;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.blog-card-content{padding:14px}.blog-card-tag{display:inline-block;background:rgb(59 130 246 / .1);color:var(--primary-from);font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.blog-card-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px;line-height:1.3}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--primary-from)}.blog-card-excerpt{font-size:12px;color:var(--text);line-height:1.5;margin-bottom:8px}.blog-card-meta{font-size:11px;color:var(--muted);font-weight:600}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-image{transition:transform 0.4s var(--ease)}.no-posts{text-align:center;padding:80px 0}.no-posts i{font-size:4rem;color:var(--muted);margin-bottom:24px}.no-posts h3{color:var(--ink);margin-bottom:16px;font-size:1.5rem;font-weight:700}.no-posts p{color:var(--text);font-size:1.125rem}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.page-link{padding:10px 16px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);font-weight:500;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px}.page-link:hover{background:var(--primary-gradient);border-color:#fff0;color:#fff}.page-link.active{background:var(--primary-gradient);border-color:#fff0;color:#fff}[data-reveal]{opacity:0;transform:translateY(20px);transition:all 0.6s}[data-reveal].revealed{opacity:1;transform:translateY(0)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.card>div[style*="grid-template-columns:1fr 1.5fr"]{grid-template-columns:1fr!important}}@media (max-width:768px){.section{padding:32px 0}.blog-grid{grid-template-columns:1fr}.card>div[style*="grid-template-columns:1fr 1.5fr"]>div:last-child{padding:24px!important}.card>div[style*="grid-template-columns:1fr 1.5fr"]>div:first-child{min-height:200px}}