.enhanced-code-block{position:relative;margin:2rem 0;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg,#000000f2,#0a0a0afa);border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 20px #00ff4126,0 0 40px #00d4ff1a,inset 0 0 60px #00000080;transition:all .3s ease}.enhanced-code-block:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:2px;background:linear-gradient(135deg,#00ff4166,#00d4ff4d,#00ff4166);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.6;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.enhanced-code-block:hover{box-shadow:0 0 30px #00ff4140,0 0 50px #00d4ff26,inset 0 0 60px #00000080}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:linear-gradient(90deg,#000c,#141414cc);border-bottom:1px solid rgba(0,255,65,.2);position:relative;overflow:hidden}.code-block-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.1),transparent);animation:scanline 3s linear infinite}@keyframes scanline{0%{left:-100%}to{left:100%}}.code-language-badge{display:flex;align-items:center;gap:.5rem;font-family:Fira Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#00ff41;font-weight:600;position:relative;z-index:1}.code-language-badge:before{content:">";color:#00d4ff;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.code-copy-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:.375rem;color:#00ff41;font-family:Fira Mono,monospace;font-size:.75rem;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;overflow:hidden}.code-copy-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00ff4133;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.code-copy-button:hover:before{width:200%;height:200%}.code-copy-button:hover{background:#00ff4133;border-color:#00ff4180;box-shadow:0 0 15px #00ff414d;transform:translateY(-1px)}.code-copy-button:active{transform:translateY(0)}.code-copy-button.copied{background:#00d4ff33;border-color:#00d4ff80;color:#00d4ff}.code-copy-button svg{width:14px;height:14px;position:relative;z-index:1}.code-copy-button span{position:relative;z-index:1}.code-content-wrapper{display:flex;position:relative;overflow-x:auto;padding:1.5rem 0}.code-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.03) 0px,rgba(0,255,65,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.4;animation:scanlines-move 8s linear infinite}@keyframes scanlines-move{0%{transform:translateY(0)}to{transform:translateY(4px)}}.code-line-numbers{user-select:none;padding:0 1rem 0 1.5rem;text-align:right;font-family:Fira Mono,monospace;font-size:.875rem;line-height:1.7;color:#00ff4166;border-right:2px solid rgba(0,255,65,.2);background:linear-gradient(90deg,#000c,#0009);position:relative;min-width:3.5rem;flex-shrink:0}.code-line-numbers:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00ff4180,#00ff4133,#00ff4180);box-shadow:0 0 10px #00ff414d}.code-line-numbers .line-number{display:block;padding-right:.75rem;position:relative;transition:color .2s ease}.code-line-numbers .line-number:hover{color:#00ff41cc}.code-lines{flex:1;padding:0 1.5rem;font-family:Fira Mono,monospace;font-size:.875rem;line-height:1.7;color:#e5e7eb;position:relative;background:#0009;min-width:max-content}.code-lines code{display:block;background:transparent!important;padding:0!important;border:none!important;color:inherit!important;white-space:pre;font-size:inherit}.code-lines .code-line{display:block;min-height:1.7em}.code-content-wrapper::-webkit-scrollbar,.code-lines::-webkit-scrollbar{height:8px}.code-content-wrapper::-webkit-scrollbar-track,.code-lines::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.code-content-wrapper::-webkit-scrollbar-thumb,.code-lines::-webkit-scrollbar-thumb{background:#00ff414d;border-radius:4px;border:1px solid rgba(0,255,65,.2)}.code-content-wrapper::-webkit-scrollbar-thumb:hover,.code-lines::-webkit-scrollbar-thumb:hover{background:#00ff4180;box-shadow:0 0 10px #00ff414d}@media(max-width:768px){.enhanced-code-block{margin:1.5rem -.5rem;border-radius:.5rem}.code-block-header{padding:.5rem 1rem;flex-direction:column;gap:.5rem;align-items:flex-start}.code-copy-button{align-self:stretch;justify-content:center}.code-line-numbers{padding-left:1rem;padding-right:.5rem;min-width:2.5rem;font-size:.75rem}.code-lines{padding:0 1rem;font-size:.75rem}.code-content-wrapper{padding:1rem 0}}@media(prefers-reduced-motion:reduce){.enhanced-code-block:before,.code-block-header:before,.code-scanlines,.code-language-badge:before{animation:none}.code-copy-button:hover{transform:none}}.code-lines .token.comment,.code-lines .token.prolog,.code-lines .token.doctype,.code-lines .token.cdata{color:#a3a3a3cc}.code-lines .token.punctuation{color:#e5e7eb}.code-lines .token.property,.code-lines .token.tag,.code-lines .token.boolean,.code-lines .token.number,.code-lines .token.constant,.code-lines .token.symbol,.code-lines .token.deleted{color:#00d4ff}.code-lines .token.selector,.code-lines .token.attr-name,.code-lines .token.string,.code-lines .token.char,.code-lines .token.builtin,.code-lines .token.inserted{color:#00ff41}.code-lines .token.operator,.code-lines .token.entity,.code-lines .token.url,.code-lines .language-css .token.string,.code-lines .style .token.string{color:#ff6b9d}.code-lines .token.atrule,.code-lines .token.attr-value,.code-lines .token.keyword{color:#c792ea}.code-lines .token.function,.code-lines .token.class-name{color:#82aaff}.code-lines .token.regex,.code-lines .token.important,.code-lines .token.variable{color:#f78c6c}