.blog-hero.svelte-12gzn9y h1.svelte-12gzn9y{font-size:28px;font-family:Comfortaa;font-weight:400;width:100%;max-width:800px}.page-wrapper.svelte-12gzn9y.svelte-12gzn9y{box-sizing:border-box;display:grid;grid-template-columns:1fr 400px;place-items:center;gap:40px;padding:20px}.page-wrapper.svelte-12gzn9y section.svelte-12gzn9y{width:100%;max-width:100%}.page-content.svelte-12gzn9y.svelte-12gzn9y{width:800px;max-width:100%}.articles-list.svelte-12gzn9y.svelte-12gzn9y{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);place-items:flex-start center;gap:40px}.promo.svelte-12gzn9y.svelte-12gzn9y{position:fixed;inset:200px 40px auto auto;width:340px;display:grid;grid-template-columns:1fr;gap:22px;background-color:#f0f8ff;padding:10px;border-radius:12px}.promo.svelte-12gzn9y h2.svelte-12gzn9y{font-size:28px;font-weight:400}.article-preview.svelte-12gzn9y.svelte-12gzn9y{width:280px;background-color:#fff;border-radius:12px;padding:0;display:grid;grid-template-columns:1fr;gap:10px;box-shadow:#303fc899 0 0 40px;transition:.2s;cursor:default!important}.article-preview.svelte-12gzn9y.svelte-12gzn9y:hover{background:linear-gradient(45deg,#d2eaff,#fff);box-shadow:#303fc8 0 0 60px}.article-preview.svelte-12gzn9y .image-wrapper.svelte-12gzn9y{max-height:200px;overflow:hidden;width:100%}.article-preview.svelte-12gzn9y .image-wrapper img.svelte-12gzn9y{width:100%;border-radius:12px}.article-link.svelte-12gzn9y.svelte-12gzn9y{display:grid;grid-template-columns:1fr auto;width:fit-content;place-items:center flex-start;gap:10px;color:var(--dark)}.article-link.svelte-12gzn9y.svelte-12gzn9y:hover{color:var(--blue)}.article-link.svelte-12gzn9y svg.svelte-12gzn9y{fill:var(--dark);transition:.2s}.article-link.svelte-12gzn9y:hover svg.svelte-12gzn9y{fill:var(--blue);margin-left:20px}.content-wrapper.svelte-12gzn9y.svelte-12gzn9y{padding:20px}.content-wrapper.svelte-12gzn9y h3.svelte-12gzn9y{margin:0 0 24px;font-family:Comfortaa;font-size:20px}@media screen and (max-width: 767px){.articles-list.svelte-12gzn9y.svelte-12gzn9y,.page-wrapper.svelte-12gzn9y.svelte-12gzn9y{grid-template-columns:1fr}.page-content.svelte-12gzn9y.svelte-12gzn9y{width:auto}.blog-hero.svelte-12gzn9y h1.svelte-12gzn9y{font-size:24px}.promo.svelte-12gzn9y.svelte-12gzn9y{display:none}}