.matrix-loader{position:relative;perspective:800px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:30px auto}.matrix-loader-sm{width:80px;height:100px}.matrix-loader-md{width:120px;height:160px}.matrix-loader-lg{width:160px;height:200px}.matrix-loader-green .matrix-digit{color:#0f8;text-shadow:0 0 5px #0f8,0 0 10px #0f8}.matrix-loader-green .matrix-glow{background:radial-gradient(circle,rgba(0,255,136,.15) 0,rgba(0,255,136,.05) 50%,transparent 70%)}.matrix-loader-orange .matrix-digit{color:#ff6b35;text-shadow:0 0 5px #ff6b35,0 0 10px #ff6b35}.matrix-loader-orange .matrix-glow{background:radial-gradient(circle,rgba(255,107,53,.15) 0,rgba(255,107,53,.05) 50%,transparent 70%)}.matrix-loader-blue .matrix-digit{color:#3b82f6;text-shadow:0 0 5px #3b82f6,0 0 10px #3b82f6}.matrix-loader-blue .matrix-glow{background:radial-gradient(circle,rgba(59,130,246,.15) 0,rgba(59,130,246,.05) 50%,transparent 70%)}.matrix-digit{font-family:Courier New,Monaco,Menlo,monospace;font-size:18px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;animation:matrix-fall 2s infinite,matrix-flicker .5s infinite;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.matrix-loader-sm .matrix-digit{font-size:14px}.matrix-loader-lg .matrix-digit{font-size:22px}.matrix-glow{position:absolute;top:0;left:0;right:0;bottom:0;animation:matrix-pulse 2s infinite;pointer-events:none}.matrix-loader-interactive:hover .matrix-digit{animation-duration:.8s;color:#fff;text-shadow:0 0 8px currentColor,0 0 15px currentColor}.matrix-loader-interactive:hover .matrix-glow{animation-duration:1s;opacity:.8}.matrix-loader-fast .matrix-digit,.matrix-loader-fast .matrix-glow{animation-duration:1s}@keyframes matrix-fall{0%{transform:translateY(-50px) rotateX(90deg);opacity:0}20%,80%{transform:translateY(0) rotateX(0deg);opacity:.8}to{transform:translateY(50px) rotateX(-90deg);opacity:0}}@keyframes matrix-flicker{0%,19%,21%,to{opacity:.8}20%{opacity:.2}}@keyframes matrix-pulse{0%,to{opacity:.3}50%{opacity:.7}}.matrix-loader-glitch .matrix-digit{animation:matrix-fall 2s infinite,matrix-flicker .5s infinite,matrix-glitch 3s infinite}@keyframes matrix-glitch{0%,90%,to{transform:translateX(0)}92%{transform:translateX(-2px)}94%{transform:translateX(2px)}96%{transform:translateX(-1px)}98%{transform:translateX(1px)}}@media (max-width:640px){.matrix-loader-lg{width:120px;height:160px}.matrix-loader-md{width:100px;height:130px}.matrix-loader-sm{width:70px;height:90px}}