#bento{--card-border: #475569;--card-background: hsl(215, 26%, 7.5%);scroll-margin:3rem}#bento:hover .card:after{opacity:1}.card{background-color:#1e293b;display:flex;flex-direction:column;position:relative}.card:hover:before{opacity:1}.card:before,.card:after{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%;pointer-events:none}.card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);z-index:3}.card:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--card-border),transparent 50%);z-index:1}.card>.card-content{background-color:var(--card-background);border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:1px;z-index:2}a[data-astro-cid-siqwmqet]{--color: ghostwhite}.animated-button[data-astro-cid-siqwmqet]{position:relative;display:flex;align-items:center;gap:4px;padding:12px 32px;border:4px solid;border-color:transparent;font-size:.875rem;background-color:inherit;border-radius:100px;font-weight:500;color:var(--color);box-shadow:0 0 0 1px var(--color);cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button[data-astro-cid-siqwmqet] svg[data-astro-cid-siqwmqet]{position:absolute;width:24px;fill:var(--color);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button[data-astro-cid-siqwmqet] .arr-1[data-astro-cid-siqwmqet]{right:16px}.animated-button[data-astro-cid-siqwmqet] .arr-2[data-astro-cid-siqwmqet]{left:-25%}.animated-button[data-astro-cid-siqwmqet] .circle[data-astro-cid-siqwmqet]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--color);border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button[data-astro-cid-siqwmqet] .text[data-astro-cid-siqwmqet]{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button[data-astro-cid-siqwmqet]:hover{box-shadow:0 0 0 8px transparent;color:#212121;border-radius:12px}.animated-button[data-astro-cid-siqwmqet]:hover .arr-1[data-astro-cid-siqwmqet]{right:-25%}.animated-button[data-astro-cid-siqwmqet]:hover .arr-2[data-astro-cid-siqwmqet]{left:16px}.animated-button[data-astro-cid-siqwmqet]:hover .text[data-astro-cid-siqwmqet]{transform:translate(12px)}.animated-button[data-astro-cid-siqwmqet]:hover svg[data-astro-cid-siqwmqet]{fill:#212121}.animated-button[data-astro-cid-siqwmqet]:active{scale:.95;box-shadow:0 0 0 4px var(--color)}.animated-button[data-astro-cid-siqwmqet]:hover .circle[data-astro-cid-siqwmqet]{width:220px;height:220px;opacity:1}:root{--background-2: #09090b;--background-3: #232b34;--contrast: #fff;--size: 5rem}svg[data-astro-cid-wyj6lz6x]{width:2.25rem;height:2.25rem}@media(max-width:640px){:root{--size: 3rem}svg[data-astro-cid-wyj6lz6x]{width:1.5rem;height:1.5rem}}.board[data-astro-cid-wyj6lz6x]{display:flex;align-items:center;justify-content:center;gap:calc(var(--size) * .02)}.key[data-astro-cid-wyj6lz6x].call-to-action{width:160px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.call-to-action-content[data-astro-cid-wyj6lz6x]:after{position:absolute;content:"";width:0;left:0;top:50%;margin:10px 15%;background:#fff;height:1.5px;transition:.3s ease-out}.key[data-astro-cid-wyj6lz6x].call-to-action:hover .call-to-action-content[data-astro-cid-wyj6lz6x]:after{width:70%}.key-position[data-astro-cid-wyj6lz6x]{transform:rotate(0) rotateY(.05turn) rotateX(-.1turn)}.key[data-astro-cid-wyj6lz6x]{position:relative;width:var(--size);height:var(--size);font-size:calc(var(--size) / 2);border:.1rem solid var(--background-3);border-radius:calc(var(--size) * .2);background:var(--background-2);color:var;box-shadow:.15rem .15rem 0 0 var(--background-3),.3rem .3rem 0 0 var(--background-3),.45rem .45rem 0 0 var(--background-3),.6rem .6rem 0 0 var(--background-3);transition:.2s ease;display:flex;align-items:center;justify-content:center}.key[data-astro-cid-wyj6lz6x]:hover{cursor:pointer;transform:translate(.3rem) translateY(.3rem);box-shadow:.15rem .15rem 0 0 var(--background-3),.3rem .3rem 0 0 var(--background-3),.45rem .45rem 0 0 var(--background-3),.5rem .5rem 0 0 var(--background-3)}.key[data-astro-cid-wyj6lz6x]:active,.key[data-astro-cid-wyj6lz6x].isDown{cursor:grabbing;transform:translate(.8rem) translateY(.8rem);box-shadow:.1rem .1rem 0 0 var(--background-3),.1rem .1rem 0 0 var(--background-3),.2rem .2rem 0 0 var(--background-3),.2rem .2rem 0 0 var(--background-3);filter:blur(.02rem)}[data-astro-cid-wyj6lz6x][data-tooltip]{position:relative;z-index:2;cursor:pointer}[data-astro-cid-wyj6lz6x][data-tooltip]:before,[data-astro-cid-wyj6lz6x][data-tooltip]:after{visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none}[data-astro-cid-wyj6lz6x][data-tooltip]:before{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:5px;padding:6px 12px;border-radius:3px;background-color:#000;background-color:#333;color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2;white-space:nowrap;z-index:2}[data-astro-cid-wyj6lz6x][data-tooltip]:after{position:absolute;bottom:100%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsl(0,0%,20%);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}[data-astro-cid-wyj6lz6x][data-tooltip]:hover:before,[data-astro-cid-wyj6lz6x][data-tooltip]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}:root{--cube-size: 100px;--grid-size: 100px;--gap: 200px;--bg-color: #020204;--grid-line: rgba(255, 255, 255, .1);--cube-bg: #0a0e17;--neon-blue: #00f3ff;--neon-purple: #bd00ff}.scene-container{perspective:1200px;contain:paint;mask-image:radial-gradient(ellipse 60% 90% at center,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 90% at center,black 60%,transparent 100%)}.scene{position:relative;transform-style:preserve-3d;transform:rotateX(60deg) rotate(-45deg) scale(.5);width:0;height:0}@media(min-width:640px){.scene{transform:rotateX(60deg) rotate(-45deg) scale(.65)}}@media(min-width:1024px){.scene{transform:rotateX(60deg) rotate(-45deg) scale(1)}}.floor-grid{pointer-events:none;position:absolute;width:2000px;height:2000px;top:-1000px;left:-1000px;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:-50px -50px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 65%);mask-image:radial-gradient(circle at center,black 30%,transparent 65%)}.cube{position:absolute;cursor:pointer;width:var(--cube-size);height:var(--cube-size);top:calc(var(--cube-size) / -2);left:calc(var(--cube-size) / -2);transform-style:preserve-3d}.cube-floor{position:absolute;width:100%;height:100%;background:var(--cube-bg);transform:translateZ(0);overflow:hidden;transition:background .4s ease}.cube-edges{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;transform:translateZ(0);transition:all .3s ease;z-index:5}.cube-wall-s{position:absolute;width:100%;height:30px;background:#05070a;bottom:0;left:0;transform-origin:bottom;transform:rotateX(-90deg) translateY(30px);box-shadow:0 10px 30px #000c}.cube-wall-e{position:absolute;width:30px;height:100%;background:#10141d;right:0;top:0;transform-origin:right;transform:rotateY(90deg) translate(30px)}.particles-chimney{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;z-index:10}.beam{pointer-events:none;position:absolute;width:100%;height:300px;top:50%;background:linear-gradient(to bottom,rgba(0,243,255,.6) 0%,rgba(0,243,255,.2) 50%,transparent 100%);transform-origin:top center;transform:rotateX(-90deg) scaleY(0);opacity:0;transition:all .5s ease}.beam.cross{transform:rotateX(-90deg) rotateY(90deg) scaleY(0)}.logo-container{pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:translateZ(2px);z-index:20}.logo-wrapper{width:50%;height:50%;transform:rotate(45deg)}.logo-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;opacity:.4;transition:.4s ease;filter:grayscale(100%)}.logo-img.inverted{filter:grayscale(100%) invert(1)}.particle{position:absolute;border-radius:9999px;width:4px;height:4px;background:var(--neon-blue);opacity:0;box-shadow:0 0 5px var(--neon-blue)}@keyframes riseUp{0%{transform:translateZ(0) scale(1);opacity:0}10%{opacity:1}to{transform:translateZ(300px) scale(0);opacity:0}}.cube:hover .cube-edges{border-color:var(--neon-blue);border-width:2px;box-shadow:0 0 15px var(--neon-blue),inset 0 0 10px var(--neon-blue)}.cube:hover .cube-floor{background:#121a25}.cube:hover .beam{opacity:1;transform:rotateX(90deg) translateZ(-50px) scaleY(1)}.cube:hover .beam.cross{transform:rotateX(90deg) rotateY(90deg) translateZ(-50px) scaleY(1)}.cube:hover .logo-img{opacity:1;filter:grayscale(0%) drop-shadow(0 0 10px var(--neon-blue))}.cube:hover .logo-img.inverted{filter:grayscale(0%) invert(1) drop-shadow(0 0 10px var(--neon-blue))}.cube:hover .particle{animation:riseUp 2s infinite linear}.center{transform:translateZ(0);z-index:10;--neon-blue: #bd00ff}.center .beam{background:linear-gradient(to bottom,rgba(189,0,255,.6) 0%,rgba(189,0,255,.2) 50%,transparent 100%)}.pos-left{transform:translate3d(calc(var(--gap) * -1),0,0)}.pos-right{transform:translate3d(var(--gap),0,0)}.pos-top{transform:translate3d(0,calc(var(--gap) * -1),0)}.pos-btm{transform:translate3d(0,var(--gap),0)}.cable{position:absolute;height:4px;background:#1a2233;transform-origin:0 50%;top:0;left:0;z-index:0;box-shadow:0 0 8px #1a223399}.cable:after{position:absolute;content:"";width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);animation:pulseCable infinite 2.5s ease-in-out forwards;opacity:.5;box-shadow:0 0 10px var(--neon-blue)}@keyframes pulseCable{0%{left:-30%}to{left:50%;opacity:.8}}.w1{width:var(--gap);transform:rotate(0);left:calc(var(--cube-size) / 2)}.w2{width:var(--gap);transform:rotate(180deg);left:calc(var(--cube-size) / -2)}.w3{width:var(--gap);transform:rotate(90deg);top:calc(var(--cube-size) / 2)}.w4{width:var(--gap);transform:rotate(-90deg);top:calc(var(--cube-size) / -2)}.drop-shadow-green{filter:drop-shadow(0px 0px 8px #59ff7e)}.enter-animation{opacity:.025;animation:fade-in-bottom .45s cubic-bezier(.39,.575,.565,1) forwards}.enter-animation:nth-child(2){animation-delay:.2s}.enter-animation:nth-child(3){animation-delay:.4s}.enter-animation:nth-child(4){animation-delay:.6s}