.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}
.carousel-container{--outer-r:24px;--p-distance:12px;border:1px solid #555;border-radius:24px;padding:16px;position:relative;overflow:hidden}.carousel-track{display:flex}.carousel-item{border-radius:calc(var(--outer-r) - var(--p-distance));cursor:grab;background-color:#0d0716;border:1px solid #555;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex;position:relative;overflow:hidden}.carousel-item:active{cursor:grabbing}.carousel-container.round{border:1px solid #555}.carousel-item.round{text-align:center;background-color:#0d0716;border:1px solid #555;justify-content:center;align-items:center;position:relative;bottom:.1em}.carousel-item-header.round{margin:0;padding:0}.carousel-indicators-container.round{z-index:2;position:absolute;bottom:3em;left:50%;transform:translate(-50%)}.carousel-item-header{margin-bottom:16px;padding:20px}.carousel-icon-container{background-color:#7c3aed33;border:1px solid #7c3aed3d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.carousel-icon{color:#a78bfa;width:24px;height:24px}.carousel-item-content{padding:20px}.carousel-item-title{color:#fff;letter-spacing:-.01em;margin-bottom:8px;font-size:24px;font-weight:700}.carousel-item-description{color:#a1a1aa;font-size:16px;line-height:1.6}.carousel-indicators-container{justify-content:center;width:100%;display:flex}.carousel-indicators{justify-content:space-between;width:150px;margin-top:16px;padding:0 32px;display:flex}.carousel-indicator{cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background-color .15s}.carousel-indicator.active{background-color:#fff}.carousel-indicator.inactive{background-color:#555}
:root{--folder-color:#8b5cf6;--folder-back-color:#6d28d9}.folder{cursor:pointer;transition:all .9s ease-in}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-200%,-65%)rotate(-18deg)}.folder.open .paper:first-child:hover{transform:translate(-200%,-65%)rotate(-18deg)scale(1.05)}.folder.open .paper:nth-child(2){height:80%;transform:translate(-105%,-85%)rotate(-6deg)}.folder.open .paper:nth-child(2):hover{transform:translate(-105%,-85%)rotate(-6deg)scale(1.05)}.folder.open .paper:nth-child(3){height:80%;transform:translate(-10%,-85%)rotate(6deg)}.folder.open .paper:nth-child(3):hover{transform:translate(-10%,-85%)rotate(6deg)scale(1.05)}.folder.open .paper:nth-child(4){height:80%;transform:translate(80%,-55%)rotate(18deg)}.folder.open .paper:nth-child(4):hover{transform:translate(80%,-60%)rotate(18deg)scale(1.05)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:400px;height:280px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:10px 10px 0 0;width:120px;height:30px;position:absolute;bottom:98%;left:0}.paper{z-index:2;border-radius:16px;width:75%;height:85%;transition:all .7s ease-in-out;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.paper:first-child{width:70%;height:75%}.paper:nth-child(2){z-index:3;width:75%;height:80%}.paper:nth-child(3){z-index:4;width:80%;height:85%}.paper:nth-child(4){z-index:5;width:85%;height:90%}.folder__front{z-index:10;background:var(--folder-color);transform-origin:bottom;border-radius:10px;width:100%;height:100%;transition:all .9s ease-in-out;position:absolute}
.electric-border{--electric-light-color:oklch(from var(--electric-border-color)l c h);border-radius:inherit;isolation:isolate;flex-direction:column;min-height:0;display:flex;position:relative;overflow:visible}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas{display:block}.eb-content{border-radius:inherit;z-index:1;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color)l c h/.6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color));transform:scale(1.1)}
.counter-container{display:inline-block;position:relative}.counter-counter{line-height:1;display:flex;overflow:hidden}.counter-digit{font-variant-numeric:tabular-nums;width:1ch;position:relative}.counter-number{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gradient-container{pointer-events:none;position:absolute;inset:0}.bottom-gradient{width:100%;position:absolute;bottom:0}
.pixel-snow-container{contain:layout style paint;width:100%;height:100%;position:relative;overflow:hidden}.pixel-snow-container canvas{will-change:transform;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}
.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.soft-aurora-container{width:100%;height:100%}