.hero.svelte-n2fjbl{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;text-align:center;position:relative}.hero.svelte-n2fjbl:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(124,58,237,.15) 0%,transparent 70%);pointer-events:none}h1.svelte-n2fjbl{font-size:max(1.75rem,min(5vw,2.5rem));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-n2fjbl{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 0}h2.svelte-n2fjbl{font-size:1.375rem;font-weight:600;color:#f1f5f9;margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem}h2.svelte-n2fjbl:before{content:"";width:3px;height:1.25rem;background:linear-gradient(180deg,#7c3aed,#a78bfa);border-radius:2px}h3.svelte-n2fjbl{font-size:1rem;font-weight:600;color:#e2e8f0}p.svelte-n2fjbl{font-size:1rem;color:#94a3b8;line-height:1.7;margin-bottom:1rem}.intro-section.svelte-n2fjbl{margin-bottom:2.5rem;max-width:800px}.intro-section.svelte-n2fjbl .hook:where(.svelte-n2fjbl){font-size:1.125rem;color:#e2e8f0;line-height:1.6}.intro-section.svelte-n2fjbl .hook:where(.svelte-n2fjbl) strong:where(.svelte-n2fjbl){color:#f1f5f9}.intro-section.svelte-n2fjbl p:where(.svelte-n2fjbl) strong:where(.svelte-n2fjbl){color:#e2e8f0}.intro-section.svelte-n2fjbl .insight-callout:where(.svelte-n2fjbl){margin-top:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border-left:3px solid #7c3aed;border-radius:0 .75rem .75rem 0;color:#e2e8f0;font-weight:500;font-style:italic}.action-section.svelte-n2fjbl{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#12121a);border-radius:1rem;border:1px solid rgba(124,58,237,.2);max-width:800px;position:relative;overflow:hidden}.action-section.svelte-n2fjbl:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(ellipse,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none}.action-section.svelte-n2fjbl h2:where(.svelte-n2fjbl){margin-bottom:1rem}.action-section.svelte-n2fjbl p:where(.svelte-n2fjbl){position:relative}.action-section.svelte-n2fjbl p:where(.svelte-n2fjbl) strong:where(.svelte-n2fjbl){color:#a78bfa}.action-section.svelte-n2fjbl p:where(.svelte-n2fjbl) em:where(.svelte-n2fjbl){color:#cbd5e1}.action-section.svelte-n2fjbl p:where(.svelte-n2fjbl):last-child{margin-bottom:0}.blog-grid.svelte-n2fjbl{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.nine-types-grid.svelte-n2fjbl{grid-template-columns:repeat(3,1fr)}.blog-card.svelte-n2fjbl{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-n2fjbl: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-n2fjbl:hover{transform:translateY(-3px);border-color:#7c3aed4d;box-shadow:0 8px 24px #0000004d,0 0 0 1px #7c3aed1a}.blog-card.svelte-n2fjbl:hover:before{opacity:1}.blog-card.svelte-n2fjbl:hover .card-image:where(.svelte-n2fjbl){transform:scale(1.05)}.blog-card.svelte-n2fjbl:hover .card-content:where(.svelte-n2fjbl) h3:where(.svelte-n2fjbl){color:#a78bfa}.blog-card.has-image.svelte-n2fjbl .card-overlay:where(.svelte-n2fjbl){background:linear-gradient(to top,#0a0a0ff2,#0a0a0f99 40%,#0a0a0f4d)}.card-image.svelte-n2fjbl{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease}.card-overlay.svelte-n2fjbl{position:absolute;inset:0;background:linear-gradient(135deg,#16161ef2,#0a0a0ffa)}.card-content.svelte-n2fjbl{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;color:#fff}.card-content.svelte-n2fjbl h3:where(.svelte-n2fjbl){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-n2fjbl p:where(.svelte-n2fjbl){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}#related-subsections.svelte-n2fjbl{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(100,116,139,.15)}#related-subsections.svelte-n2fjbl h2:where(.svelte-n2fjbl){margin-bottom:1.5rem}.related-grid.svelte-n2fjbl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.related-card.svelte-n2fjbl{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;background:#16161e;border:1px solid rgba(100,116,139,.15);border-radius:.75rem;text-decoration:none;transition:all .25s ease}.related-card.svelte-n2fjbl:hover{background:#7c3aed1a;border-color:#7c3aed4d;transform:translateY(-2px)}.related-card.svelte-n2fjbl:hover .related-label:where(.svelte-n2fjbl){color:#a78bfa}.related-card.svelte-n2fjbl .related-label:where(.svelte-n2fjbl){font-weight:600;color:#7c3aed;font-size:1rem;transition:color .2s ease}.related-card.svelte-n2fjbl .related-hook:where(.svelte-n2fjbl){color:#64748b;font-size:.875rem}section.svelte-n2fjbl{margin-bottom:2.5rem}@media(max-width:900px){.blog-grid.svelte-n2fjbl{grid-template-columns:repeat(2,1fr)}.nine-types-grid.svelte-n2fjbl{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.hero.svelte-n2fjbl{padding:1.5rem 1rem 1rem}.main-content.svelte-n2fjbl{padding:1rem 1rem 0}h2.svelte-n2fjbl{font-size:1.125rem}.blog-grid.svelte-n2fjbl,.nine-types-grid.svelte-n2fjbl{grid-template-columns:repeat(2,1fr);gap:.625rem}.blog-card.svelte-n2fjbl{aspect-ratio:1;border-radius:.5rem}.card-content.svelte-n2fjbl{padding:.625rem}.card-content.svelte-n2fjbl h3:where(.svelte-n2fjbl){font-size:.75rem;-webkit-line-clamp:2;line-clamp:2}.card-content.svelte-n2fjbl p:where(.svelte-n2fjbl){display:none}.intro-section.svelte-n2fjbl,.action-section.svelte-n2fjbl{max-width:100%}.intro-section.svelte-n2fjbl .hook:where(.svelte-n2fjbl){font-size:1rem}.intro-section.svelte-n2fjbl .insight-callout:where(.svelte-n2fjbl){padding:1rem 1.25rem;font-size:.9375rem}.action-section.svelte-n2fjbl{padding:1.5rem;border-radius:.75rem}.related-grid.svelte-n2fjbl{grid-template-columns:1fr}#related-subsections.svelte-n2fjbl{margin-top:2rem;padding-top:1.5rem}}@media(max-width:480px){p.svelte-n2fjbl{font-size:.9375rem}}@media(max-width:380px){.hero.svelte-n2fjbl{padding:1.25rem 1rem .75rem}.blog-grid.svelte-n2fjbl,.nine-types-grid.svelte-n2fjbl{gap:.5rem}.card-content.svelte-n2fjbl{padding:.5rem}.card-content.svelte-n2fjbl h3:where(.svelte-n2fjbl){font-size:.6875rem}.related-card.svelte-n2fjbl{padding:1rem}.related-card.svelte-n2fjbl .related-label:where(.svelte-n2fjbl){font-size:.9375rem}.related-card.svelte-n2fjbl .related-hook:where(.svelte-n2fjbl){font-size:.8125rem}}