@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";body{color:#f8fafc;background-color:#060810;background-image:radial-gradient(at 0 0,#031f3a66 0,#0000 50%),radial-gradient(at 100% 0,#24074059 0,#0000 50%),radial-gradient(at 50% 100%,#042f2f4d 0,#0000 50%);background-attachment:fixed;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.container.svelte-1ipbyr5{max-width:1000px;margin:0 auto;padding:8rem 2rem 5rem}.header-tag.svelte-1ipbyr5{color:#38bdf8;letter-spacing:.04em;background:#38bdf814;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}h1.svelte-1ipbyr5{-webkit-text-fill-color:transparent;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#bae6fd 50%,#c084fc 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.15}.header-desc.svelte-1ipbyr5{color:#94a3b8;max-width:780px;margin-bottom:3.5rem;font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:300;line-height:1.7}.articles-grid.svelte-1ipbyr5{grid-template-columns:1fr;gap:2rem;display:grid}.article-card.svelte-1ipbyr5{color:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;padding:2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.article-card.svelte-1ipbyr5:before{content:"";opacity:0;background:linear-gradient(#38bdf8,#818cf8);width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.article-card.svelte-1ipbyr5:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 20px 40px -15px #0009,0 0 30px #38bdf81a}.article-card.svelte-1ipbyr5:hover:before{opacity:1}.badge-unread.svelte-1ipbyr5{letter-spacing:.05em;color:#34d399;background:#10b98133;border:1px solid #10b98180;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:800;animation:2s ease-in-out infinite svelte-1ipbyr5-pulse-badge;box-shadow:0 0 10px #10b98159}@keyframes svelte-1ipbyr5-pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}.article-card.is-unread.svelte-1ipbyr5{border-color:#10b98159;box-shadow:0 12px 30px -10px #00000080,0 0 20px #10b9811a}.article-card.is-unread.svelte-1ipbyr5:before{opacity:.8;background:linear-gradient(#10b981,#34d399)}.article-meta.svelte-1ipbyr5{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.article-category.svelte-1ipbyr5{text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.article-readtime.svelte-1ipbyr5{color:#64748b;font-size:.82rem}.article-title.svelte-1ipbyr5{color:#f8fafc;letter-spacing:-.015em;margin-bottom:.75rem;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:700;line-height:1.3}.article-subtitle.svelte-1ipbyr5{color:#94a3b8;margin-bottom:1.5rem;font-size:.98rem;font-weight:300;line-height:1.65}.article-action.svelte-1ipbyr5{color:#38bdf8;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;transition:gap .2s;display:inline-flex}.article-card.svelte-1ipbyr5:hover .article-action:where(.svelte-1ipbyr5){color:#60a5fa;gap:.75rem}