*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f172a;background:#fafbff;line-height:1.7}a{color:#1a237e}:focus-visible{outline:3px solid #1A237E;outline-offset:2px;border-radius:4px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:1rem;background:#1a237e;color:#fff;font-weight:600;text-decoration:none}.skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;overflow:visible}.blog-nav{padding:16px 32px;border-bottom:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#1a237e;font-size:18px;font-weight:800}.nav-logo{width:28px;height:28px;border-radius:6px}.nav-links{display:flex;gap:24px}.nav-links a{text-decoration:none;color:#475569;font-size:14px;font-weight:500}.nav-links a:hover{color:#1a237e}.blog-hero{text-align:center;padding:64px 32px 32px}.blog-hero h1{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:12px}.blog-hero p{font-size:1.1rem;color:#64748b;max-width:560px;margin:0 auto}.blog-grid{max-width:960px;margin:0 auto;padding:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.blog-card{background:#fff;border-radius:16px;padding:32px 28px;box-shadow:0 2px 12px rgba(15,23,42,.06);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(15,23,42,.1)}.blog-card .card-date{display:block;font-size:12px;color:#94a3b8;font-weight:500;margin-bottom:8px}.blog-card .card-tag{display:inline-block;background:#eef2ff;color:#1a237e;font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;margin-bottom:16px}.blog-card h2{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#0f172a}.blog-card p{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:16px}.blog-card .read-more{font-size:14px;font-weight:600;color:#1a237e}.blog-container{max-width:720px;margin:0 auto;padding:48px 32px 80px}.blog-container .blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;color:#64748b}.blog-container .blog-meta .tag{background:#eef2ff;color:#1a237e;font-weight:600;padding:4px 12px;border-radius:100px;font-size:12px}.blog-container h1{font-size:2.2rem;font-weight:800;color:#0f172a;margin-bottom:16px;line-height:1.3}.blog-container h2{font-size:1.4rem;font-weight:700;margin-top:40px;margin-bottom:16px;color:#0f172a}.blog-container h3{font-size:1.15rem;font-weight:600;margin-top:28px;margin-bottom:12px;color:#1e293b}.blog-container p{margin-bottom:16px;color:#334155}.blog-container ol,.blog-container ul{margin-bottom:16px;padding-left:24px}.blog-container li{margin-bottom:8px;color:#334155}.blog-container strong{color:#0f172a}.blog-cta{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border-radius:16px;padding:40px 32px;text-align:center;margin-top:48px}.blog-cta h3{color:#fff;font-size:1.4rem;margin-bottom:12px;margin-top:0}.blog-cta p{color:rgba(255,255,255,.85);margin-bottom:20px}.blog-cta .btn{display:inline-block;background:#fff;color:#1a237e;font-weight:700;font-size:15px;padding:12px 28px;border-radius:12px;text-decoration:none;transition:transform .2s}.blog-cta .btn:hover{transform:scale(1.04)}.blog-footer{text-align:center;padding:24px 32px;font-size:14px;color:#94a3b8;border-top:1px solid #e2e8f0}.blog-footer a{color:#64748b}@media (max-width:768px){.blog-nav{padding:14px 20px}.nav-links{gap:16px}.nav-links a{font-size:13px}.blog-hero{padding:48px 20px 24px}.blog-hero h1{font-size:2rem}.blog-hero p{font-size:1rem}.blog-grid{padding:24px 20px;gap:20px}.blog-card{padding:24px 20px}.blog-container{padding:36px 20px 64px}.blog-container h1{font-size:1.8rem}.blog-container h2{font-size:1.25rem;margin-top:32px}.blog-container h3{font-size:1.05rem}.blog-container .blog-meta{flex-wrap:wrap;gap:8px}.blog-cta{padding:32px 24px}.blog-cta h3{font-size:1.2rem}.blog-footer{padding:20px 16px;font-size:13px}}@media (max-width:480px){.nav-links{display:none}.blog-nav{padding:12px 16px}.blog-hero{padding:36px 16px 20px}.blog-hero h1{font-size:1.6rem}.blog-hero p{font-size:.9rem}.blog-grid{grid-template-columns:1fr;padding:20px 16px;gap:16px}.blog-card{padding:20px 16px;border-radius:12px}.blog-card h2{font-size:1.1rem}.blog-card p{font-size:.88rem}.blog-container{padding:28px 16px 48px}.blog-container h1{font-size:1.5rem;line-height:1.25}.blog-container h2{font-size:1.15rem;margin-top:28px;margin-bottom:12px}.blog-container p{font-size:.93rem}.blog-container li{font-size:.93rem}.blog-cta{padding:28px 20px;border-radius:12px;margin-top:36px}.blog-cta h3{font-size:1.1rem}.blog-cta p{font-size:.88rem}.blog-cta .btn{font-size:14px;padding:10px 24px}.blog-footer{padding:16px 12px;font-size:12px}}