.search-container{position:relative;transition:all .3s ease}.search-container:hover{transform:translateY(-1px)}.search-container:focus-within{transform:translateY(-2px)}.search-input{transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.search-input:focus{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-input:hover:not(:focus){box-shadow:0 2px 4px #0000001a,0 2px 4px #0000000f}.search-icon{transition:all .2s ease}.search-container:focus-within .search-icon{color:#6366f1;transform:scale(1.1)}.clear-search-btn{transition:all .2s ease;border-radius:50%;padding:.25rem}.clear-search-btn:hover{background-color:#0000000d;transform:scale(1.1)}.clear-search-btn:active{transform:scale(.95)}.search-container[data-search-id*=hero] .search-input,.search-container .search-input.gaming-style{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-container[data-search-id*=hero] .search-input:focus,.search-container .search-input.gaming-style:focus{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));border-color:#ec489980;box-shadow:0 0 0 3px #ec48991a,0 4px 6px -1px #0000001a}.search-container .search-input.modern-style{background:linear-gradient(135deg,#ffffff,#f8fafc)}.search-container .search-input.modern-style:focus{background:#ffffff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 4px 6px -1px #0000001a}.search-container[data-search-id*=desktop],.search-container[data-search-id*=desktop]:hover{transform:none}.search-container[data-search-id*=desktop] .search-input{background:#ffffff;border:1px solid #d1d5db}.search-container[data-search-id*=desktop] .search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;transform:none}.search-modal{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-suggestion{transition:all .2s ease}.search-suggestion:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;background-color:#e5e7eb!important}.search-suggestion:active{transform:translateY(0)}.loading-state{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-results{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-highlight{background-color:#fef3c7;padding:.125rem .25rem;border-radius:.25rem;font-weight:600}@media (max-width: 640px){.search-container:hover{transform:none}.search-container:focus-within{transform:translateY(-1px)}.search-input:focus{transform:none}}@media (prefers-color-scheme: dark){.search-input.modern-style{background:linear-gradient(135deg,#374151,#4b5563);color:#f9fafb;border-color:#6b7280}.search-input.modern-style:focus{background:#374151;border-color:#8b5cf6;color:#f9fafb}.search-icon{color:#9ca3af}.search-container:focus-within .search-icon{color:#8b5cf6}}@media (prefers-contrast: high){.search-input{border-width:2px}.search-input:focus{border-width:3px}.clear-search-btn{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.search-container,.search-input,.search-icon,.clear-search-btn,.search-suggestion{transition:none;animation:none;transform:none}.search-content,.loading-state,.no-results{animation:none}}@media print{.search-container,.search-modal,.clear-search-btn{display:none}}