.blog-page.svelte-u4k2t{min-height:100vh;background:#f8fafc;padding:120px 20px 80px}.blog-container.svelte-u4k2t{max-width:1200px;margin:0 auto}.back-link.svelte-u4k2t{display:inline-block;color:#4a90e2;text-decoration:none;font-weight:500;margin-bottom:40px;transition:color .2s}.back-link.svelte-u4k2t:hover{color:#2d5a8a}.blog-header.svelte-u4k2t{text-align:center;margin-bottom:50px}.tag.svelte-u4k2t{display:inline-block;background:linear-gradient(135deg,#4a90e2,#7dd3fc);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#1a1a2e;margin-bottom:16px}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.blog-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px;align-items:stretch}.blog-card.svelte-u4k2t{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;border:1px solid rgba(0,0,0,.04)}.blog-card.svelte-u4k2t:hover{transform:translateY(-8px);box-shadow:0 12px 40px #4a90e226}.blog-image.svelte-u4k2t{aspect-ratio:16 / 10;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);overflow:hidden;position:relative}.blog-image.svelte-u4k2t:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);pointer-events:none}.blog-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease}.blog-card.svelte-u4k2t:hover .blog-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.08)}.blog-content.svelte-u4k2t{padding:24px;display:flex;flex-direction:column;flex:1}.blog-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.15rem;font-weight:700;color:#1a1a2e;margin-bottom:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4rem}.blog-content.svelte-u4k2t p:where(.svelte-u4k2t){color:#64748b;font-size:.9rem;line-height:1.65;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-footer.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0;margin-top:auto}.blog-date.svelte-u4k2t{font-size:.8rem;color:#94a3b8;font-weight:500}.read-more.svelte-u4k2t{color:#4a90e2;text-decoration:none;font-weight:600;font-size:.85rem;transition:color .2s,transform .2s;display:inline-flex;align-items:center;gap:4px}.read-more.svelte-u4k2t:after{content:"→";transition:transform .2s}.read-more.svelte-u4k2t:hover{color:#2d5a8a}.read-more.svelte-u4k2t:hover:after{transform:translate(3px)}.blog-cta.svelte-u4k2t{text-align:center;background:linear-gradient(135deg,#1a1a2e,#2d3748);padding:50px 40px;border-radius:16px;color:#fff}.blog-cta.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1.6rem;font-weight:700;margin-bottom:10px}.blog-cta.svelte-u4k2t p:where(.svelte-u4k2t){color:#94a3b8;margin-bottom:20px}.subscribe-form.svelte-u4k2t{display:flex;gap:12px;max-width:450px;margin:0 auto}.subscribe-form.svelte-u4k2t input:where(.svelte-u4k2t){flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.subscribe-form.svelte-u4k2t input:where(.svelte-u4k2t)::placeholder{color:#94a3b8}.subscribe-form.svelte-u4k2t input:where(.svelte-u4k2t):focus{outline:none;border-color:#4a90e2}.btn.svelte-u4k2t{padding:14px 28px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary.svelte-u4k2t{background:linear-gradient(135deg,#4a90e2,#7dd3fc);color:#fff}.btn-primary.svelte-u4k2t:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4a90e266}@media(max-width:1024px){.blog-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:640px){.blog-page.svelte-u4k2t{padding:100px 16px 60px}.blog-grid.svelte-u4k2t{grid-template-columns:1fr;gap:20px}.blog-card.svelte-u4k2t{max-width:400px;margin:0 auto}.subscribe-form.svelte-u4k2t{flex-direction:column}.subscribe-form.svelte-u4k2t input:where(.svelte-u4k2t),.subscribe-form.svelte-u4k2t button:where(.svelte-u4k2t){width:100%}}