.code-block-container{background-color:#131313;border:1px solid #9e7bff;border-radius:8px;padding:16px;width:800px;height:640px;margin:1px auto;box-shadow:0 0 2px #810571,0 0 5px #240caf,0 0 10px #08e01a,0 0 20px #fff;position:relative}.code-block-container:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px dotted #ffff00;border-radius:10px;opacity:.8}.code-block-container:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:1px dotted #00ffff;border-radius:12px;opacity:.6}.code-block-header{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #9e7bff;margin-bottom:10px}.code-block-header-dot{width:12px;height:12px;border-radius:50%;margin-right:8px}.code-block-header-dot.red{background-color:#ff5f56}.code-block-header-dot.yellow{background-color:#ffbd2e}.code-block-header-dot.green{background-color:#27c93f}.code-block-content{height:600px;font-family:VT323,monospace;white-space:pre-wrap;color:#3FBFBF;font-size:18px;display:flex}.line-numbers{padding-right:16px;text-align:right;color:#71678d;user-select:none}.code{flex-grow:1;position:relative}.code:after{content:"_";position:absolute;animation:blink 1s step-end infinite;color:#00FFFF}.token.keyword{color:#9E7BFF}.token.string{color:#EFB080}.token.function{color:#00FFFF}.token.comment{color:#9E7BFF}.token.number{color:#00FFFF}.token.operator,.token.punctuation{color:#FFFFFF}.token.class-name{color:#569cd6}:root{--cyber-bg:#0a0a0a;--cyber-primary:#ff00ff;--cyber-secondary:#00ffff;--cyber-accent:#ffff00;--cyber-text:#ffffff;--cyber-border:#ff00ff}.cyber-body{background-color:transparent;color:var(--cyber-text);font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;align-items:center;padding:2rem}.cyber-h1{font-size:3rem;color:var(--cyber-primary);text-transform:uppercase;letter-spacing:.5rem;animation:glitch 1s linear infinite;border:1px solid var(--cyber-border);padding:1rem 2rem}.cyber-p{font-size:1.2rem;color:var(--cyber-secondary);max-width:600px;text-align:center;line-height:1.6;margin-top:2rem}.cyber-header{height:20vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.cyber-section{margin:4rem 0;opacity:0;transform:translateY(20px);animation:fadeIn 1s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.cyber-h2{font-size:2.5rem;color:var(--cyber-accent);text-transform:uppercase;letter-spacing:.2rem;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:900px}.feature-card{background-color:#1a1a1a;border:2px solid var(--cyber-secondary);padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 0 15px var(--cyber-secondary)}.feature-h3{font-size:1.5rem;color:var(--cyber-primary);margin-bottom:1rem}.feature-p{font-size:1rem;color:var(--cyber-text)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%;max-width:900px}.gallery-item img{width:100%;height:auto;border:2px solid var(--cyber-accent)}@keyframes glitch{2%,64%{transform:translate(2px) skew(0deg)}4%,60%{transform:translate(-2px) skew(0deg)}62%{transform:translate(0) skew(5deg)}}.glitch{animation:glitch 1s linear infinite}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--cyber-primary);clip:rect(44px,450px,56px,0);animation:glitch-anim 6s linear infinite alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--cyber-secondary),2px 2px var(--cyber-accent);clip:rect(85px,450px,90px,0);animation:glitch-anim2 6s linear infinite alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}5%{clip:rect(12px,9999px,62px,0)}10%{clip:rect(33px,9999px,14px,0)}15%{clip:rect(76px,9999px,100px,0)}20%{clip:rect(20px,9999px,70px,0)}25%{clip:rect(78px,9999px,52px,0)}30%{clip:rect(56px,9999px,44px,0)}35%{clip:rect(38px,9999px,100px,0)}40%{clip:rect(89px,9999px,42px,0)}45%{clip:rect(46px,9999px,33px,0)}50%{clip:rect(10px,9999px,80px,0)}55%{clip:rect(18px,9999px,92px,0)}60%{clip:rect(62px,9999px,77px,0)}65%{clip:rect(21px,9999px,84px,0)}70%{clip:rect(69px,9999px,40px,0)}75%{clip:rect(61px,9999px,93px,0)}80%{clip:rect(13px,9999px,71px,0)}85%{clip:rect(54px,9999px,63px,0)}90%{clip:rect(79px,9999px,37px,0)}95%{clip:rect(16px,9999px,99px,0)}to{clip:rect(1px,9999px,48px,0)}}@keyframes glitch-anim2{0%{clip:rect(93px,9999px,100px,0)}5%{clip:rect(2px,9999px,91px,0)}10%{clip:rect(83px,9999px,21px,0)}15%{clip:rect(40px,9999px,1px,0)}20%{clip:rect(27px,9999px,88px,0)}25%{clip:rect(41px,9999px,49px,0)}30%{clip:rect(100px,9999px,3px,0)}35%{clip:rect(24px,9999px,5px,0)}40%{clip:rect(43px,9999px,99px,0)}45%{clip:rect(78px,9999px,45px,0)}50%{clip:rect(23px,9999px,32px,0)}55%{clip:rect(1px,9999px,66px,0)}60%{clip:rect(90px,9999px,25px,0)}65%{clip:rect(53px,9999px,72px,0)}70%{clip:rect(14px,9999px,75px,0)}75%{clip:rect(80px,9999px,51px,0)}80%{clip:rect(48px,9999px,9px,0)}85%{clip:rect(8px,9999px,50px,0)}90%{clip:rect(64px,9999px,7px,0)}95%{clip:rect(98px,9999px,82px,0)}to{clip:rect(30px,9999px,11px,0)}}.animated-block{background-color:#1a1a1a;border:2px solid var(--cyber-secondary);padding:2rem;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 0 15px var(--cyber-secondary)}.animated-block-h3{font-size:1.5rem;color:var(--cyber-primary);margin-bottom:1rem;text-transform:uppercase}.animated-block-p{font-size:1rem;color:var(--cyber-text);margin-bottom:1.5rem}.scanner-bar{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--cyber-accent);animation:scan 4s linear infinite;box-shadow:0 0 10px var(--cyber-accent)}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.code-animation-block{background-color:#1a1a1a;border:2px solid var(--cyber-accent);padding:2rem;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 0 15px var(--cyber-accent);font-family:Courier New,Courier,monospace}.code-animation-block pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.code-animation-block code{color:var(--cyber-secondary)}.code-animation-block code:after{content:"|";animation:blink 1s step-end infinite;color:var(--cyber-accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.gallery-caption{color:var(--cyber-accent);text-align:center;margin-top:.5rem}