.page-wrapper.svelte-131htjm{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#12121a)}.hero.svelte-131htjm{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;text-align:center;position:relative}.hero.svelte-131htjm:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:350px;height:175px;background:radial-gradient(ellipse,rgba(124,58,237,.12) 0%,transparent 70%);pointer-events:none}.hero.svelte-131htjm h1:where(.svelte-131htjm){font-size:2rem;font-weight:700;line-height:1.2;margin:0;letter-spacing:-.02em;position:relative;background:linear-gradient(135deg,#f1f5f9,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content.svelte-131htjm{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.intro-section.svelte-131htjm{margin-bottom:2rem;max-width:800px}.intro-text.svelte-131htjm{font-size:1.0625rem;color:#94a3b8;line-height:1.7;margin:0}.intro-text.svelte-131htjm strong:where(.svelte-131htjm){color:#e2e8f0}.content-section.svelte-131htjm{margin-bottom:3rem}.content-section.svelte-131htjm h2:where(.svelte-131htjm){font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(100,116,139,.15);display:flex;align-items:center;gap:.75rem}.content-section.svelte-131htjm h2:where(.svelte-131htjm):before{content:"";width:3px;height:1.25rem;background:linear-gradient(180deg,#7c3aed,#a78bfa);border-radius:2px}.blog-grid.svelte-131htjm{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.blog-card.svelte-131htjm{position:relative;aspect-ratio:4/3;border-radius:.75rem;overflow:hidden;background:#16161e;text-decoration:none;transition:all .25s ease;border:1px solid rgba(100,116,139,.15)}.blog-card.svelte-131htjm:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,transparent 50%);opacity:0;transition:opacity .25s ease;z-index:1}.blog-card.svelte-131htjm:hover{transform:translateY(-3px);border-color:#7c3aed4d;box-shadow:0 8px 24px #0000004d,0 0 0 1px #7c3aed1a}.blog-card.svelte-131htjm:hover:before{opacity:1}.blog-card.svelte-131htjm:hover .card-image:where(.svelte-131htjm){transform:scale(1.05)}.blog-card.svelte-131htjm:hover .card-content:where(.svelte-131htjm) h3:where(.svelte-131htjm){color:#a78bfa}.blog-card.has-image.svelte-131htjm .card-overlay:where(.svelte-131htjm){background:linear-gradient(to top,#0a0a0ff2,#0a0a0f99 40%,#0a0a0f4d)}.card-image.svelte-131htjm{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease}.card-overlay.svelte-131htjm{position:absolute;inset:0;background:linear-gradient(135deg,#16161ef2,#0a0a0ffa)}.card-content.svelte-131htjm{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;color:#fff}.card-content.svelte-131htjm h3:where(.svelte-131htjm){font-size:.9375rem;font-weight:600;line-height:1.4;margin:0;color:#e2e8f0;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-content.svelte-131htjm p:where(.svelte-131htjm){font-size:.75rem;line-height:1.5;color:#94a3b8;margin:.375rem 0 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:900px){.blog-grid.svelte-131htjm{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero.svelte-131htjm{padding:1.5rem 1rem 1rem}.hero.svelte-131htjm h1:where(.svelte-131htjm){font-size:1.5rem}.main-content.svelte-131htjm{padding:1rem 1rem 2.5rem}.content-section.svelte-131htjm{margin-bottom:2.5rem}.content-section.svelte-131htjm h2:where(.svelte-131htjm){font-size:1.0625rem;margin-bottom:1rem;padding-bottom:.5rem}.blog-grid.svelte-131htjm{grid-template-columns:repeat(2,1fr);gap:.625rem}.blog-card.svelte-131htjm{aspect-ratio:1;border-radius:.5rem}.card-content.svelte-131htjm{padding:.625rem}.card-content.svelte-131htjm h3:where(.svelte-131htjm){font-size:.75rem;-webkit-line-clamp:2;line-clamp:2}.card-content.svelte-131htjm p:where(.svelte-131htjm){display:none}}@media(max-width:380px){.hero.svelte-131htjm h1:where(.svelte-131htjm){font-size:1.25rem}.content-section.svelte-131htjm h2:where(.svelte-131htjm){font-size:.9375rem}.blog-grid.svelte-131htjm{gap:.5rem}.card-content.svelte-131htjm{padding:.5rem}.card-content.svelte-131htjm h3:where(.svelte-131htjm){font-size:.6875rem}}