.digital-rain{--rain-line:max(24px,calc(100svh / 48));position:absolute;inset:0;overflow:hidden;contain:strict;background:#020403;pointer-events:none;user-select:none}.rain-columns{position:absolute;inset:0;display:grid;grid-template-columns:repeat(64,minmax(0,1fr))}.rain-column{position:relative;min-width:0;height:100%;opacity:var(--rain-opacity)}.rain-track{position:absolute;top:0;left:50%;width:1ch;font:15px/var(--rain-line) SFMono-Regular,Consolas,Liberation Mono,monospace;animation:rain-fall var(--rain-duration) var(--rain-delay) linear infinite}.rain-track>span{display:block;white-space:pre;height:calc(var(--rain-line) * 48);color:transparent;background:repeating-linear-gradient(180deg,transparent 0,#06381b calc(var(--rain-line) * 2),#0e6231 calc(var(--rain-line) * 6),#2bb965 calc(var(--rain-line) * 10),#bef7d2 calc(var(--rain-line) * 11),transparent calc(var(--rain-line) * 12));background-clip:text;-webkit-background-clip:text}@keyframes rain-fall{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%)}}.digital-rain[data-paused=true] .rain-track{animation-play-state:paused}.rain-shade{position:absolute;inset:0;background:radial-gradient(ellipse 380px 360px at center,#020403f5 18%,#020403d9 45%,#02040370 70%,transparent 100%),linear-gradient(180deg,#020403b3,transparent 18%,transparent 76%,#020403eb)}@media(max-width:1000px){.rain-columns{grid-template-columns:repeat(32,minmax(0,1fr))}.rain-column:nth-child(2n){display:none}}@media(max-width:600px){.rain-columns{grid-template-columns:repeat(16,minmax(0,1fr))}.rain-column:not(:nth-child(4n+1)){display:none}.rain-track{font-size:14px}.rain-shade{background:radial-gradient(ellipse 220px 320px at center,#020403ed 15%,#020403ba 58%,transparent 100%),linear-gradient(180deg,#02040380,transparent 20%,transparent 72%,#020403e6)}}@media(prefers-reduced-motion:reduce){.rain-track{animation-play-state:paused}}