@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:oklch(20% .01 250);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";background:#fff;font-family:Inter,-apple-system,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}button{font:inherit}@keyframes fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-a{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-6px,-10px)rotate(4deg)}}@keyframes float-b{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(8px,-8px)rotate(-3deg)}}@keyframes float-c{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(4px,8px)rotate(3deg)}}@keyframes step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hola-bubble-attention{0%,88%,to{opacity:0;transform:translateY(-4px)scale(.9)}6%,22%{opacity:1;transform:translateY(0)scale(1)}}@keyframes hola-hand-wave{0%,55%,to{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(4deg)}50%{transform:rotate(0)}}.shot-frame{--shot-shift:0;isolation:isolate;border-radius:24px;margin:32px 0;padding:clamp(6px,5%,28px) clamp(12px,5%,32px);position:relative;overflow:hidden}.shot-frame-bg{z-index:-2;background:radial-gradient(125% 130% at 2% -12%, oklch(.62 .22 calc(292 + var(--shot-shift)) / .98), transparent 52%), radial-gradient(120% 125% at 107% -2%, oklch(.6 .19 calc(252 + var(--shot-shift)) / .95), transparent 52%), radial-gradient(135% 135% at -8% 112%, oklch(.65 .23 calc(344 + var(--shot-shift)) / .96), transparent 55%), radial-gradient(145% 135% at 113% 116%, oklch(.74 .18 calc(38 + var(--shot-shift)) / .9), transparent 52%), linear-gradient(140deg, oklch(.55 .19 calc(278 + var(--shot-shift))), oklch(.53 .15 calc(200 + var(--shot-shift))));position:absolute;inset:0}.shot-frame-bg:after{content:"";z-index:-1;background-image:radial-gradient(oklch(100% 0 0/.16) 1px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120% at 50% 40%,#000 30%,#0000 78%);mask-image:radial-gradient(120% 120% at 50% 40%,#000 30%,#0000 78%)}.shot-frame-img{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 28px 60px -22px oklch(22% .09 285/.6),0 8px 22px -10px oklch(0% 0 0/.32);margin:0!important}.shot-frame figcaption{text-align:center;color:oklch(100% 0 0/.92);text-shadow:0 1px 2px oklch(20% .05 285/.4);margin-top:16px;font-size:13px;line-height:1.5}@media (width<=560px){.shot-frame{border-radius:18px;padding:clamp(9px,3.3%,15px) clamp(13px,4.6%,20px)}}.code-block{position:relative}.code-copy{z-index:1;color:oklch(82% .01 250);letter-spacing:.2px;cursor:pointer;opacity:.65;background:oklch(24% .01 250);border:1px solid oklch(36% .01 250);border-radius:7px;padding:4px 10px;font-family:inherit;font-size:11.5px;line-height:1.6;transition:opacity .15s,color .15s,border-color .15s;position:absolute;top:10px;right:10px}.code-block:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:oklch(95% .01 250);border-color:oklch(50% .02 250)}.code-copy.copied{opacity:1;color:oklch(86% .13 155);border-color:oklch(55% .1 155)}.code-block .tok-comment{color:oklch(62% .02 250);font-style:italic}.code-block .tok-cmd{color:oklch(86% .11 195)}.code-block .tok-flag{color:oklch(84% .11 75)}.code-block .tok-str{color:oklch(83% .13 145)}.code-block .tok-key{color:oklch(83% .11 230)}.code-block .tok-var{color:oklch(83% .12 300)}.code-block .tok-num{color:oklch(85% .11 75)}.code-block .tok-bool{color:oklch(82% .13 300)}.code-block .tok-op,.code-block .tok-punct{color:oklch(70% .02 250)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}