.search-demo-container{background:white;border-radius:20px;color:#fff;position:relative;overflow:visible;width:100%;max-width:600px;margin:0 auto;padding:2rem}.demo-subtitle{font-size:1rem;opacity:.9;margin-bottom:0;color:#ffffffe6}.demo-content{position:relative;z-index:1}.demo-search-box{background:white;border-radius:15px;padding:2rem;box-shadow:0 8px 25px #00000026;width:100%;max-width:500px;margin:1rem auto;min-height:440px;display:flex;flex-direction:column;justify-content:center}.step-question{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.step-instruction{color:#666;font-size:.95rem;margin-bottom:1.5rem}.input-group{position:relative}.input-group-text,.form-control{border:1px solid #dee2e6;background:#f8f9fa}.typing-cursor{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#0d6efd;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.dropdown-menu{background:white;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.dropdown-item{padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.active{background-color:#0d6efd;color:#fff}.search-demo-container .btn-primary{background:#0d6efd;border:none;transition:all .3s ease}.search-demo-container .btn-primary:hover{background:#0b5ed7;transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd66}.search-demo-container .btn-primary.button-pressed{background:#0a58ca;transform:scale(1.05);box-shadow:0 6px 20px #0d6efd66;transition:all .3s ease}.search-results-demo{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-list{margin-top:1rem}.result-card{display:flex;align-items:center;padding:1rem;border:1px solid #e9ecef;border-radius:10px;margin-bottom:.75rem;background:white;transition:all .4s ease}.result-card.fade-out{opacity:0;transform:translateY(10px)}.result-card.fade-in{opacity:1;transform:translateY(0)}.result-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.result-avatar{margin-right:1rem}.avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.result-content{flex:1}.result-name{font-weight:600;color:#333;font-size:1rem;margin-bottom:.25rem}.result-details{color:#666;font-size:.85rem}@media (max-width: 768px){.search-demo-container{padding:1.5rem 1rem;margin:0 .5rem}.demo-search-box{padding:1.5rem;min-height:400px;margin:.75rem auto}.step-question{font-size:1.1rem}.step-instruction{font-size:.9rem}.result-avatar{margin-right:.75rem}.avatar-placeholder{width:45px;height:45px;font-size:.8rem}.result-name{font-size:.95rem}.result-details{font-size:.8rem}}@media (max-width: 576px){.search-demo-container{padding:1rem .75rem;margin:0 .25rem}.demo-search-box{padding:1rem;min-height:380px;margin:.5rem auto}.step-question{font-size:1rem}.step-instruction{font-size:.85rem}.input-group{margin-bottom:1rem}.form-control{font-size:.9rem}.btn-primary{font-size:.9rem;padding:.75rem 1rem}.result-card{padding:.75rem}.result-avatar{margin-right:.5rem}.avatar-placeholder{width:40px;height:40px;font-size:.75rem}.result-name{font-size:.9rem}.result-details{font-size:.75rem}}@media (max-width: 480px){.search-demo-container{padding:.75rem .5rem;margin:0 .125rem}.demo-search-box{padding:.75rem;min-height:360px;margin:.5rem auto}.step-question{font-size:.95rem}.step-instruction{font-size:.8rem}.result-card{padding:.5rem}.avatar-placeholder{width:35px;height:35px;font-size:.7rem}.result-name{font-size:.85rem}.result-details{font-size:.7rem}}