.blog-page{background:#f7f9fc;min-height:100vh}.blog-hero{padding:90px 20px 70px;background:linear-gradient(135deg,#fff,#eef5ff)}.blog-hero-content{max-width:820px;margin:auto;text-align:center}.blog-eyebrow{display:inline-block;background:#fff5df;color:#d88b17;padding:8px 18px;border-radius:999px;font-weight:700;margin-bottom:24px}.blog-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.15;color:#17233d;font-weight:800;margin-bottom:22px}.blog-hero p{max-width:720px;margin:auto;color:#64748b;line-height:1.8;font-size:1.08rem}.blog-featured{padding:70px 20px}.blog-featured-card{max-width:1180px;margin:auto;background:#fff;border-radius:30px;padding:50px;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:40px;gap:40px;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.07)}.blog-category{color:#d88b17;font-weight:700;display:block;margin-bottom:14px}.blog-featured-copy h2{font-size:2.2rem;color:#182742;margin-bottom:20px}.blog-featured-copy p{color:#64748b;line-height:1.8;margin-bottom:30px}.blog-primary-button{display:inline-flex;align-items:center;justify-content:center;background:#d88b17;color:#fff;text-decoration:none;padding:15px 30px;border-radius:14px;font-weight:700;transition:.25s}.blog-primary-button:hover{transform:translateY(-2px);background:#bf7612}.blog-featured-visual{flex-direction:column}.blog-featured-icon,.blog-featured-visual{display:flex;align-items:center;justify-content:center}.blog-featured-icon{width:170px;height:170px;border-radius:50%;background:#1f63b1;margin-bottom:20px}.blog-featured-icon img{width:90px}.blog-featured-visual span{font-weight:700;color:#334155}.blog-section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.blog-section-heading span{color:#d88b17;font-weight:700}.blog-section-heading h2{font-size:2.2rem;margin:15px 0;color:#182742}.blog-section-heading p{color:#64748b;line-height:1.7}.blog-content{padding:30px 20px 90px}.blog-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));grid-gap:28px;gap:28px}.blog-card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 15px 45px rgba(0,0,0,.06);transition:.25s}.blog-card:hover{transform:translateY(-8px)}.blog-card-top{gap:15px;margin-bottom:20px}.blog-card-icon,.blog-card-top{display:flex;align-items:center}.blog-card-icon{width:58px;height:58px;border-radius:50%;background:#72aef2;justify-content:center}.blog-card-icon img{width:32px}.blog-card-category{color:#d88b17;font-weight:700}.blog-card h3{color:#182742;line-height:1.4;margin-bottom:14px}.blog-card p{color:#64748b;line-height:1.7}.blog-card-link{display:inline-flex;gap:10px;margin-top:22px;color:#d88b17;text-decoration:none;font-weight:700}.blog-categories{padding:90px 20px;background:#fff}.blog-category-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.blog-category-card{background:#f8fafc;border-radius:20px;padding:24px;text-decoration:none;display:flex;gap:18px;align-items:center;transition:.25s}.blog-category-card:hover{transform:translateY(-6px);background:#eef6ff}.blog-category-card img{width:46px}.blog-category-card strong{display:block;color:#182742;margin-bottom:6px}.blog-category-card span{color:#64748b;font-size:.95rem}.blog-app-cta{padding:100px 20px}.blog-app-cta-content{max-width:950px;margin:auto;text-align:center;background:#17233d;color:#fff;padding:70px 45px;border-radius:30px}.blog-app-cta-content span{color:#ffcf6e;font-weight:700}.blog-app-cta-content h2{margin:20px 0;font-size:2.3rem}.blog-app-cta-content p{color:#d7dee9;line-height:1.8;max-width:650px;margin:auto}.blog-app-buttons{margin-top:35px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.blog-text-link{color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center}@media (max-width:900px){.blog-featured-card{grid-template-columns:1fr;text-align:center;padding:35px}.blog-featured-copy h2{font-size:1.8rem}.blog-app-cta-content{padding:50px 28px}.blog-app-cta-content h2{font-size:1.8rem}}@media (max-width:600px){.blog-hero{padding:70px 20px 50px}.blog-category-grid,.blog-grid{grid-template-columns:1fr}.blog-featured-card{padding:28px}}