.circuit-bg{background-color:#0b1120;background-image:radial-gradient(circle at top center,#172554,#0b1120 70%)}.circuit-grid{background-image:linear-gradient(to right,rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,211,238,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);animation:grid-movement 20s linear infinite}@keyframes grid-movement{0%{background-position:0 0}to{background-position:40px 40px}}.key-outline{position:relative;border:1px solid rgba(34,211,238,.15);color:#22d3ee4d;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;-webkit-user-select:none;user-select:none;box-shadow:0 0 15px #22d3ee0d,inset 0 0 10px #22d3ee05;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:default}.key-outline:hover{border-color:#22d3eecc;color:#22d3ee;box-shadow:0 0 30px #22d3ee66,inset 0 0 20px #22d3ee1a;background:#22d3ee0d;z-index:50;text-shadow:0 0 8px rgba(34,211,238,.8)}.animate-draw-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 4s ease-in-out infinite}@keyframes drawLine{0%{stroke-dashoffset:1000;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:0}}