.mhero:where(.astro-fvy4stwk){isolation:isolate;text-align:center;background:linear-gradient(#07061a 0%,#1a0830 55%,#05060b 100%);padding:170px 0 120px;position:relative;overflow:hidden}.sun:where(.astro-fvy4stwk){aspect-ratio:1;opacity:.22;filter:blur(2px);z-index:-2;background:linear-gradient(#ffd56a 0%,#ff8a7a 55%,#ff4fa0 100%);border-radius:50%;width:min(520px,80vw);position:absolute;bottom:22%;left:50%;transform:translate(-50%);-webkit-mask-image:repeating-linear-gradient(#000 0 26px,#0000 26px 32px);mask-image:repeating-linear-gradient(#000 0 26px,#0000 26px 32px)}.grid-floor:where(.astro-fvy4stwk){z-index:-1;transform-origin:bottom;opacity:.45;background-image:linear-gradient(#4fd2ff8c 1px,#0000 1px),linear-gradient(90deg,#4fd2ff8c 1px,#0000 1px);background-size:64px 64px;height:48%;animation:3s linear infinite run;position:absolute;inset:auto -30% 0;transform:perspective(420px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 10%,#000 90%);mask-image:linear-gradient(#0000 10%,#000 90%)}@keyframes run{to{background-position:0 64px}}@media (prefers-reduced-motion:reduce){.grid-floor:where(.astro-fvy4stwk){animation:none}}.mhero:where(.astro-fvy4stwk) h1:where(.astro-fvy4stwk){filter:drop-shadow(0 0 30px #aa8cff4d);margin-top:1rem;font-size:clamp(2.6rem,8vw,5.6rem)}.mhero:where(.astro-fvy4stwk) .lead:where(.astro-fvy4stwk){margin-inline:auto}.cta:where(.astro-fvy4stwk){flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.mhero:where(.astro-fvy4stwk) .cta:where(.astro-fvy4stwk),.final:where(.astro-fvy4stwk) .cta:where(.astro-fvy4stwk){justify-content:center}.cards:where(.astro-fvy4stwk){grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.cards:where(.astro-fvy4stwk) li:where(.astro-fvy4stwk){padding:1.6rem}.cards:where(.astro-fvy4stwk) h3:where(.astro-fvy4stwk){margin-top:.9rem;font-size:1.15rem}.cards:where(.astro-fvy4stwk) p:where(.astro-fvy4stwk){color:var(--np-text-2);margin-top:.4rem;font-size:.97rem}.ico:where(.astro-fvy4stwk){color:#fff;width:42px;height:42px;box-shadow:0 0 20px -4px var(--np-glow-violet);background:linear-gradient(135deg,#9fb6ff40,#c8a2f540);border:1px solid #c8a2f559;border-radius:12px;place-items:center;font-size:1.2rem;display:grid}.showcase:where(.astro-fvy4stwk){margin-top:4rem}.showcase:where(.astro-fvy4stwk) p:where(.astro-fvy4stwk){text-align:center;color:var(--np-text-2);margin-top:1.2rem}.langs:where(.astro-fvy4stwk){grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.langs:where(.astro-fvy4stwk) li:where(.astro-fvy4stwk){background:linear-gradient(var(--np-surface), var(--np-surface)) padding-box, linear-gradient(90deg, var(--np-blue), var(--np-violet)) border-box;border-top:2px solid #0000;padding:1.8rem}.langs:where(.astro-fvy4stwk) h3:where(.astro-fvy4stwk){margin-top:.7rem;font-size:1.4rem}.langs:where(.astro-fvy4stwk) p:where(.astro-fvy4stwk){color:var(--np-text-2);margin-top:.6rem}.tag:where(.astro-fvy4stwk){letter-spacing:.1em;text-transform:uppercase;color:var(--np-cyan);font-size:.75rem;font-weight:600}.code-grid:where(.astro-fvy4stwk){grid-template-columns:.9fr 1.1fr;align-items:start;gap:2.5rem;display:grid}.uplugin:where(.astro-fvy4stwk){margin-top:2rem}.safety:where(.astro-fvy4stwk){grid-template-columns:repeat(4,1fr);gap:2rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.safety:where(.astro-fvy4stwk) li:where(.astro-fvy4stwk){border-top:1px solid var(--np-border-strong);padding-top:1.2rem;position:relative}.safety:where(.astro-fvy4stwk) li:where(.astro-fvy4stwk):before{content:"";background:var(--np-grad-neon);width:48px;height:2px;box-shadow:0 0 12px var(--np-glow-violet);position:absolute;top:-1px;left:0}.safety:where(.astro-fvy4stwk) h3:where(.astro-fvy4stwk){font-size:1.1rem}.safety:where(.astro-fvy4stwk) p:where(.astro-fvy4stwk){color:var(--np-text-2);margin-top:.5rem;font-size:.96rem}.final:where(.astro-fvy4stwk){text-align:center;padding:clamp(5rem,12vw,8rem) 0}.final:where(.astro-fvy4stwk) .lead:where(.astro-fvy4stwk){margin-inline:auto}.note:where(.astro-fvy4stwk){color:var(--np-text-3);margin-top:1.2rem;font-size:.9rem}@media (width<=960px){.cards:where(.astro-fvy4stwk),.langs:where(.astro-fvy4stwk),.safety:where(.astro-fvy4stwk){grid-template-columns:1fr 1fr}.code-grid:where(.astro-fvy4stwk){grid-template-columns:1fr}}@media (width<=600px){.cards:where(.astro-fvy4stwk),.langs:where(.astro-fvy4stwk),.safety:where(.astro-fvy4stwk){grid-template-columns:1fr}}
