*{box-sizing:border-box}html{width:100%;height:100%;background-color:#000}body{color:#fff;margin:0;align-items:center;padding:0 20px}body,main{display:flex;justify-content:center;width:100%}main{position:relative;flex-direction:column;min-height:100vh;max-width:800px;margin:0 auto;padding-block:80px;border-inline-width:1px;border-inline-style:solid;-o-border-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0),hsla(0,0%,100%,.102),hsla(0,0%,100%,0)) 1;border-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0),hsla(0,0%,100%,.102),hsla(0,0%,100%,0)) 1}@media screen and (max-width:600px){main{padding-block:20px}}article{position:relative;display:flex;flex-direction:column;gap:20px;padding:60px 80px}@media screen and (max-width:600px){article{padding:40px}}.badge{display:flex;align-items:center;gap:10px;font-size:14px;font-style:normal;font-weight:300;text-transform:uppercase;letter-spacing:2.6px}.badge,h1{color:#fff}h1{font-size:4rem;font-weight:600;line-height:normal;letter-spacing:-.02rem;margin:0}@media screen and (max-width:600px){h1{font-size:2rem}}p{font-size:16px;font-weight:300;line-height:28px;margin:0}a,p{color:#fff}a{text-decoration:underline;transition:color .2s ease-out}a:hover{color:hsla(0,0%,100%,.502)}.codeBlock{position:relative;background-color:rgba(0,0,0,.4);margin:0;padding:0}.codeBlock pre{margin:0;padding:60px 80px;overflow-x:auto}@media screen and (max-width:600px){.codeBlock pre{padding:40px}}.codeBlock pre:before{content:"";display:block;position:absolute;top:0;left:calc(50% - 50vw);width:100vw;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.102),hsla(0,0%,100%,.102),hsla(0,0%,100%,0));z-index:1}.codeBlock pre:after{content:url(/crosshair.svg);display:block;height:19px;width:19px;position:absolute;top:-9px;left:-10px}.codeBlock code{font-size:14px;line-height:2}.codeBlock:before{content:"";display:block;position:absolute;bottom:0;left:calc(50% - 50vw);width:100vw;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.102),hsla(0,0%,100%,.102),hsla(0,0%,100%,0));z-index:1}.codeBlock:after{content:url(/crosshair.svg);display:block;height:19px;width:19px;position:absolute;bottom:-9px;right:-10px}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background div.blur{background:url(/blur.png);background-repeat:repeat;background-size:400px 400px;background-blend-mode:soft-light,normal;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.background div.blur,.background div.gradient{display:block;position:absolute;width:100%;height:100%}.background div.gradient{background:url(/gradient.webp);background-size:cover;background-position:50%;z-index:-2}