.blog-index.svelte-u4k2t{max-width:64rem;margin:0 auto}.blog-title.svelte-u4k2t{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:-.03em;font-family:"Exo 2",sans-serif}.blog-subtitle.svelte-u4k2t{font-size:1rem;color:#00000080;margin:0 0 2.5rem}.featured-card.svelte-u4k2t{position:relative;display:block;height:480px;border-radius:1.5rem;overflow:hidden;text-decoration:none;margin-bottom:2rem;background:linear-gradient(165deg,#fffffff2,#f0f8ffcc,#01b2ff14);border:1px solid rgba(1,178,255,.18);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000a,0 8px 32px #00000014,0 1px 4px #0000000d}.featured-shine.svelte-u4k2t{position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.1) 60%,transparent 100%);pointer-events:none;z-index:2}.featured-card.svelte-u4k2t:hover{border-color:#01b2ff66;transform:translateY(-6px) scale(1.01);box-shadow:inset 0 1px #fff,0 0 40px #01b2ff26,0 12px 48px #01b2ff14,0 24px 64px #0000001a}.featured-image-wrap.svelte-u4k2t{position:absolute;inset:0}.featured-image.svelte-u4k2t{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.featured-card.svelte-u4k2t:hover .featured-image:where(.svelte-u4k2t){transform:scale(1.04)}.featured-overlay.svelte-u4k2t{position:absolute;inset:0;background:linear-gradient(to top,#000000bf,#000a144d 45%,#01b2ff08);z-index:1}.featured-content.svelte-u4k2t{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:3}.card-meta.svelte-u4k2t{display:flex;align-items:center;gap:.5rem}.card-meta.svelte-u4k2t time:where(.svelte-u4k2t):after{content:"·";margin-left:.5rem;opacity:.4}.featured-content.svelte-u4k2t .card-author:where(.svelte-u4k2t){font-size:.8125rem;font-weight:600;color:#fff9}.card-body.svelte-u4k2t .card-author:where(.svelte-u4k2t){font-size:.75rem;font-weight:600;color:#0006}.featured-content.svelte-u4k2t time:where(.svelte-u4k2t){font-size:.8125rem;font-weight:600;color:#4dd0ff;text-shadow:0 0 12px rgba(1,178,255,.4)}.featured-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.75rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.featured-content.svelte-u4k2t p:where(.svelte-u4k2t){font-size:.9375rem;color:#ffffffbf;line-height:1.6;margin:0;max-width:640px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-card.svelte-u4k2t{display:flex;flex-direction:column;text-decoration:none;border-radius:1.25rem;overflow:hidden;background:linear-gradient(165deg,#fffffff2,#f0f8ffcc,#01b2ff14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(1,178,255,.18);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000a,0 4px 20px #00000014,0 1px 4px #0000000d;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.blog-card.svelte-u4k2t:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 100%);border-radius:1.25rem 1.25rem 0 0;pointer-events:none;z-index:1}.blog-card.svelte-u4k2t:hover{border-color:#01b2ff66;transform:translateY(-6px) scale(1.02);box-shadow:inset 0 1px #fff,0 0 30px #01b2ff26,0 8px 32px #01b2ff1a,0 20px 48px #0000001a}.card-image.svelte-u4k2t{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#e8f0f8,#dde8f2);margin:.5rem .5rem 0;border-radius:.875rem}.card-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;border-radius:.875rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.blog-card.svelte-u4k2t:hover .card-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.card-body.svelte-u4k2t{padding:1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.375rem;flex:1;position:relative;z-index:2}.card-body.svelte-u4k2t time:where(.svelte-u4k2t){font-size:.75rem;font-weight:600;color:#01b2ff}.card-body.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0;transition:color .15s ease;line-height:1.4}.blog-card.svelte-u4k2t:hover .card-body:where(.svelte-u4k2t) h2:where(.svelte-u4k2t){color:#01b2ff}.card-body.svelte-u4k2t p:where(.svelte-u4k2t){font-size:.8125rem;color:#00000080;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.blog-title.svelte-u4k2t{font-size:2rem}.featured-card.svelte-u4k2t{height:360px}.featured-content.svelte-u4k2t{padding:1.5rem}.featured-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.375rem}.blog-grid.svelte-u4k2t{grid-template-columns:1fr}}