.search-section{background:#ffffff0f;border-radius:18px;box-shadow:none;border:1px solid rgba(255,255,255,.12);padding:.75rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:visible;max-width:1000px;margin-left:auto;margin-right:auto;z-index:100}.search-section:before{display:none!important}.search-controls{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:center}#searchInput{height:40px;padding:0 .875rem 0 2.25rem;border:1px solid rgba(255,255,255,.18);border-radius:9999px;font-size:.9rem;background:#ffffff14;color:#fff;outline:none;transition:all .2s;width:100%;box-shadow:none}#searchInput:focus{border-color:#3498db;background:#ffffff1f;transform:translateY(-1px);box-shadow:0 0 0 2px #3498db33;outline:none!important}#searchInput::-moz-placeholder{color:#ffffffa6;opacity:1;font-weight:400}#searchInput::placeholder{color:#ffffffa6;opacity:1;font-weight:400}.search-input-container{position:relative;flex:1;grid-column:1;display:flex;align-items:center}@media (max-width: 768px){.search-controls{grid-template-columns:1fr;gap:1rem}.search-input-container{grid-column:1}}#searchInput{padding:1rem 1.25rem 1rem 3rem;border:2px solid transparent;border-radius:9999px;font-size:1rem;background:var(--won-light);color:var(--won-dark);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #34495e0d;position:relative}#searchInput:focus{border-color:#3498db;background:#ffffff1f;transform:translateY(-1px);box-shadow:0 0 0 2px #3498db33}#searchInput::-moz-placeholder{color:var(--won-darkgray);opacity:.8;font-weight:400}#searchInput::placeholder{color:var(--won-darkgray);opacity:.8;font-weight:400}.search-input-container{position:relative;flex:1}.dropdown-filter{position:relative;min-width:220px;z-index:200}.dropdown-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:9999px;padding:0 .875rem;height:40px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:none;position:relative;overflow:hidden}.dropdown-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);transition:left .5s}.dropdown-btn:hover:before{left:100%}.dropdown-btn:hover{border-color:#3498db;transform:translateY(-1px);box-shadow:none}.dropdown-btn:focus{border-color:#3498db;box-shadow:none}.dropdown-btn span{flex:1;text-align:left;color:#fff;font-weight:500}.dropdown-btn .chevron{color:#ffffffb3;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:.75rem;font-weight:700}.dropdown-content{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0b1220fa;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 24px 64px #0009;z-index:1000;max-height:320px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transition:all .18s ease;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-content.hidden{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);pointer-events:none}.dropdown-item{display:block;padding:1rem 1.25rem;color:#fff;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem;font-weight:500;position:relative;overflow:hidden;background:transparent}.dropdown-item:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--won-gradient-primary);opacity:.05;transition:left .3s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover:before{left:0}.dropdown-item:hover{color:#ecf0f1;background:#ffffff0f;transform:translate(2px)}.dropdown-item.active{background:var(--won-gradient-primary);color:var(--won-white);font-weight:600;position:relative}.dropdown-item.active:after{content:"✓";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-weight:700;font-size:.875rem}.dropdown-item.active:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translate(0)}#resetButton{background:var(--won-gradient-secondary);color:var(--won-white);border:none;padding:0 1rem;height:40px;border-radius:9999px;cursor:pointer;font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.35px;transition:all .2s;box-shadow:none;position:relative;overflow:hidden}#resetButton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#resetButton:hover:before{left:100%}#resetButton:hover{transform:translateY(-2px);box-shadow:var(--won-shadow-heavy)}#resetButton:active{transform:translateY(0)}.chips-wrapper{margin-top:.75rem}.chips-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.chip-item{border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;border-radius:9999px;padding:0 .875rem;height:34px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.chip-item:hover{transform:translateY(-1px);border-color:#3498db}.chip-item.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:transparent;box-shadow:0 6px 18px #3498db59}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:#3498db1a;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--won-gradient-primary);border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#3498db)}@media (max-width: 768px){.search-section{padding:1.5rem;margin-bottom:2rem}.search-controls{grid-template-columns:1fr;gap:1rem}#searchInput{padding:.875rem 1rem .875rem 2.75rem;font-size:.9rem}.dropdown-filter{min-width:auto;width:100%}.dropdown-btn{padding:.875rem 1rem;font-size:.9rem}#resetButton{width:100%;padding:.875rem 1rem;font-size:.8rem}.dropdown-content{max-height:240px}.dropdown-item{padding:.75rem 1rem;font-size:.85rem}}@media (max-width: 480px){.search-section{padding:1.25rem}#searchInput{padding:.75rem .875rem .75rem 2.5rem;font-size:.875rem}.dropdown-btn{padding:.75rem .875rem;font-size:.875rem}#resetButton{padding:.75rem 1rem;font-size:.75rem}}#searchInput:focus-visible,.dropdown-btn:focus-visible,#resetButton:focus-visible{outline:none;box-shadow:0 0 0 1.5px #3498db59}.dropdown-item:focus-visible{outline:2px solid var(--won-blue);outline-offset:-2px;background:#3498db1a}@keyframes searchPulse{0%,to{box-shadow:var(--won-shadow-light)}50%{box-shadow:var(--won-shadow-medium)}}.search-section:focus-within{animation:searchPulse 3s ease-in-out infinite}.search-controls.loading #searchInput{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233498db' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E"),linear-gradient(90deg,var(--won-light) 25%,var(--won-white) 50%,var(--won-light) 75%);background-size:1.25rem,200% 100%;background-position:.875rem center,0 0;background-repeat:no-repeat,no-repeat;animation:searchLoading 1.5s ease-in-out infinite}@keyframes searchLoading{0%{background-position:.875rem center,200% 0}to{background-position:.875rem center,-200% 0}}@media (prefers-color-scheme: dark){.dropdown-content{background:var(--won-dark);border-color:#ecf0f133}.dropdown-item{color:var(--won-light);border-bottom-color:#ecf0f11a}}