@property --showcase-angle{syntax:"<angle>";inherits:false;initial-value:135deg}.showcase-card{--accent-color:#1de0b1;--accent-glow:#1de0b11f;z-index:10;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0a0a0ab3;border:1px solid #ffffff14;border-radius:32px;flex-direction:column;width:100%;height:100%;min-height:680px;padding:4px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .5s;display:flex;position:relative;overflow:hidden}.showcase-card:before{content:"";border-radius:inherit;background:linear-gradient(var(--showcase-angle), #ffffff1a, var(--accent-color), #ffffff1a);-webkit-mask-composite:xor;opacity:.5;pointer-events:none;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.showcase-card:hover{border-color:#0000;transform:translateY(-8px)scale(1.01);box-shadow:0 30px 60px -12px #00000080}.showcase-card:hover:before{opacity:1;animation:4s linear infinite showcase-rotate-gradient}@keyframes showcase-rotate-gradient{to{--showcase-angle:495deg}}.showcase-card-spotlight{z-index:0;background:radial-gradient(800px circle at var(--spotlight-x,50%) var(--spotlight-y,50%), var(--accent-glow), transparent 40%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.showcase-card:hover .showcase-card-spotlight{opacity:1}.showcase-card-inner{z-index:10;flex-direction:column;flex:1;min-height:0;padding:2rem;display:flex;position:relative}@media (min-width:1024px){.showcase-card-inner{padding:2.5rem}}.showcase-title-shimmer{background:linear-gradient(#fff 30%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.showcase-feature-tag{background:#ffffff08;border:1px solid #ffffff0d;transition:all .3s}.showcase-card:hover .showcase-feature-tag{background:#ffffff0d;border-color:#ffffff1a}.showcase-btn-shimmer{position:relative;overflow:hidden}.showcase-btn-shimmer:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 25%,#ffffff1f 50%,#0000 75%);width:200%;height:200%;animation:4s infinite showcase-shimmer;position:absolute;top:-50%;left:-50%}@keyframes showcase-shimmer{0%{transform:translate(-100%,-100%)}20%{transform:translate(100%,100%)}to{transform:translate(100%,100%)}}.showcase-page-noise:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}