#lights{width:100%;height:100%;position:absolute;overflow:hidden}canvas{width:100%;height:100%}
.shiny-text{background:linear-gradient(120deg,#e8e8e8 0%,#fff 25%,#e0e0e0 50%,#fff 75%,#e8e8e8 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0003);letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite chromeShine;display:inline-block}@keyframes chromeShine{0%{background-position:200%}50%{background-position:-200%}to{background-position:200%}}.shiny-text.disabled{background:linear-gradient(120deg,silver 0%,#e0e0e0 50%,silver 100%);animation:none}.metallic-text{background:linear-gradient(135deg,#e8e8e8 0%,#fff 39%,#9e9e9e 53%,#fff 77%,#e8e8e8 82%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:12s linear infinite metallicShine}@keyframes metallicShine{0%{background-position:200%}50%{background-position:-200%}to{background-position:200%}}.metallic-text.disabled{background:linear-gradient(135deg,silver 0%,#fff 50%,silver 100%);animation:none}
.card-spotlight{border:3px solid hsl(var(--border));background-color:hsl(var(--card));--mouse-x:50%;--mouse-y:50%;--spotlight-color:#00e5ff33;cursor:pointer;border-radius:.25rem;padding:2rem;transition:all .3s;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;z-index:1;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before{opacity:.6}.card-spotlight>*{z-index:2;position:relative}
.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);font-weight:600;line-height:1.5}.word{display:inline-block}