.terminal-mockup-section{perspective:1200px;padding:2rem 0}.terminal-mockup-glow{pointer-events:none;background:radial-gradient(50% 50% at 50% 40%,#10b98114 0%,#0000 70%);margin:0 auto;position:absolute;inset:0}.terminal-mockup-frame{background:#1a1a1a;border-radius:.75rem;width:640px;max-width:100%;margin:0 auto;transition:transform .4s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #00000080,0 0 80px #10b98114}.terminal-mockup-frame:hover{transform:translateY(-4px)}.terminal-mockup-border{-webkit-mask-composite:xor;opacity:.5;background:linear-gradient(135deg,#10b98166 0%,#3b82f64d 25%,#8b5cf64d 50%,#3b82f64d 75%,#10b98166 100%) 0 0/300% 300%;border-radius:.875rem;padding:2px;transition:opacity .3s;animation:8s infinite terminal-gradient-shift;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.terminal-mockup-frame:hover .terminal-mockup-border{opacity:1}@keyframes terminal-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.terminal-mockup-border{animation:none}.terminal-mockup-frame{transition:none}.terminal-mockup-frame:hover{transform:none}}