*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:#1a56db;text-decoration:none}a:hover{text-decoration:underline}nav{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{color:#111;font-size:18px;font-weight:700}.nav-logo span{color:#1a56db}.nav-cta{background:#1a56db;border-radius:6px;padding:7px 16px;font-size:14px;font-weight:500;color:#fff!important}.nav-cta:hover{background:#1e40af;text-decoration:none!important}.container{max-width:720px;margin:0 auto;padding:0 24px}.container-wide{max-width:1100px;margin:0 auto;padding:0 24px}.hero{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-bottom:1px solid #e5e7eb;padding:56px 24px}.hero h1{color:#111;margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.3}.hero p{color:#4b5563;max-width:560px;margin:0 auto;font-size:17px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:48px 0;display:grid}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:box-shadow .15s,transform .15s}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.post-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{color:#1a56db;text-transform:uppercase;letter-spacing:.04em;background:#eff6ff;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.post-card h2{margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4}.post-card p{color:#6b7280;margin-bottom:16px;font-size:14px}.post-card-meta{color:#9ca3af;font-size:13px}.read-more{color:#1a56db;font-size:14px;font-weight:500}.article-header{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding:48px 0 32px}.article-header h1{margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.35}.article-meta{color:#6b7280;margin-bottom:16px;font-size:14px}.article-description{color:#4b5563;font-size:17px;line-height:1.6}.article-body{padding-bottom:64px}.article-body h2{margin:36px 0 12px;font-size:22px;font-weight:700}.article-body h3{margin:28px 0 10px;font-size:18px;font-weight:600}.article-body p{color:#374151;margin-bottom:18px;font-size:16px}.article-body ul,.article-body ol{margin:0 0 18px 24px}.article-body li{color:#374151;margin-bottom:8px;font-size:16px}.article-body blockquote{color:#1e40af;background:#eff6ff;border-left:4px solid #1a56db;border-radius:0 8px 8px 0;margin:24px 0;padding:12px 20px;font-style:italic}.article-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}.article-body th{text-align:left;background:#f3f4f6;border:1px solid #e5e7eb;padding:10px 14px;font-weight:600}.article-body td{border:1px solid #e5e7eb;padding:10px 14px}.article-body tr:nth-child(2n) td{background:#f9fafb}.cta-box{color:#fff;text-align:center;background:linear-gradient(135deg,#1a56db,#7c3aed);border-radius:16px;margin:48px 0;padding:36px}.cta-box h3{margin-bottom:8px;font-size:22px;font-weight:700}.cta-box p{opacity:.9;margin-bottom:20px;font-size:15px}.cta-btn{color:#1a56db;background:#fff;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:700;display:inline-block}.cta-btn:hover{background:#eff6ff;text-decoration:none!important}footer{text-align:center;color:#9ca3af;background:#fff;border-top:1px solid #e5e7eb;padding:32px 24px;font-size:14px}@media (max-width:640px){.hero h1{font-size:24px}.article-header h1{font-size:22px}.posts-grid{grid-template-columns:1fr}}