@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,128,.75),-.05em -.025em 0 rgba(0,255,255,.75),.025em .05em 0 rgba(0,255,0,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,128,.75),-.05em -.025em 0 rgba(0,255,255,.75),.025em .05em 0 rgba(0,255,0,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,128,.75),.025em .025em 0 rgba(0,255,255,.75),-.05em -.05em 0 rgba(0,255,0,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,128,.75),.025em .025em 0 rgba(0,255,255,.75),-.05em -.05em 0 rgba(0,255,0,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,128,.75),.05em 0 0 rgba(0,255,255,.75),0 -.05em 0 rgba(0,255,0,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,128,.75),.05em 0 0 rgba(0,255,255,.75),0 -.05em 0 rgba(0,255,0,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,128,.75),-.025em -.025em 0 rgba(0,255,255,.75),-.025em -.05em 0 rgba(0,255,0,.75)}}@keyframes scanner{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.blog-search-wrapper{position:relative;width:100%}.blog-search-wrapper:before{content:"";position:absolute;inset:-5px;background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:10px;z-index:-2;opacity:.2;filter:blur(8px);animation:pulse 4s infinite ease-in-out}.blog-search-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);opacity:.7;z-index:2}.search-input:focus{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3),0 0 15px rgba(var(--primary-rgb),.4),0 0 0 1px rgba(var(--accent-rgb),.8) inset;border-color:var(--accent)!important;animation:scanner 3s ease-in-out infinite alternate;background:linear-gradient(90deg,rgba(var(--surface-3-rgb),.9),rgba(var(--surface-3-rgb),.95))}.search-input:focus::-moz-placeholder{color:var(--accent);animation:glitch 2s infinite alternate-reverse}.search-input:focus::placeholder{color:var(--accent);animation:glitch 2s infinite alternate-reverse}.search-results{background:rgba(var(--surface-5-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--accent-rgb),.4);box-shadow:0 10px 25px -5px #00000080,0 0 15px rgba(var(--primary-rgb),.3),0 0 0 1px rgba(var(--accent-rgb),.3) inset,0 0 20px rgba(var(--primary-rgb),.1) inset}.search-results:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(var(--accent-rgb),.03) 50px,rgba(var(--accent-rgb),.03) 51px);pointer-events:none;z-index:-1}.search-results ul li:hover{background:linear-gradient(90deg,rgba(var(--primary-rgb),.1),rgba(var(--accent-rgb),.05));box-shadow:0 0 0 1px rgba(var(--primary-rgb),.1) inset,0 0 10px rgba(var(--accent-rgb),.1) inset}.search-icon{opacity:.7;transition:all .3s ease}.search-input:focus+.search-icon{color:var(--accent);opacity:1;animation:pulse 2s infinite ease-in-out}.cyberpunk-x{position:relative;width:16px;height:16px;transform:rotate(45deg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.x-line-1,.x-line-2{position:absolute;background:currentColor;transition:all .3s ease}.x-line-1{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.x-line-2{height:100%;width:2px;left:50%;top:0;transform:translate(-50%)}.icon-button{opacity:.9;transition:all .3s ease}.icon-button:hover{opacity:1}.icon-button .cyberpunk-x{width:18px;height:18px}.icon-button .x-line-1,.icon-button .x-line-2{background:var(--accent)}.icon-button:hover .x-line-1,.icon-button:hover .x-line-2{background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 4px var(--accent)}.icon-button:hover .cyberpunk-x{transform:rotate(135deg)}.icon-button:active .cyberpunk-x{transform:scale(.8) rotate(135deg)}.icon-button:before{content:"";position:absolute;width:30px;height:30px;background:radial-gradient(circle,rgba(var(--accent-rgb),.2) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.icon-button:hover:before{opacity:1}.blog-search-wrapper .scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);opacity:.3}@media (prefers-reduced-motion){.search-input:focus::-moz-placeholder{animation:none}.blog-search-wrapper:before,.search-input:focus,.search-input:focus::placeholder,.search-input:focus+.search-icon{animation:none}}