.search-container{position:relative}.search-input{width:200px;padding:10px 16px 10px 40px;font-size:14px;font-weight:500;font-family:inherit;border:1px solid rgba(255,255,255,0.2);border-radius:9999px;background:rgba(255,255,255,0.1);color:var(--color-white);transition:all 0.2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.search-input::placeholder{color:rgba(255,255,255,0.6);font-weight:400}.search-input:focus{outline:none;width:280px;border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.15);box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.nav-scrolled .search-input{border:2px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-800);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231D1D1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.nav-scrolled .search-input::placeholder{color:var(--color-gray-500)}.nav-scrolled .search-input:focus{border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px rgba(0,102,255,0.1)}.search-results{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;overflow-y:auto;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;z-index:1000}.search-results.active{opacity:1;visibility:visible;transform:translateY(0)}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-gray-100);transition:background 0.15s ease}.search-result-item:first-child{border-radius:16px 16px 0 0}.search-result-item:hover,.search-result-item.active{background:var(--color-gray-50)}.search-result-info{display:flex;flex-direction:column;gap:2px}.search-result-name{font-weight:600;font-size:14px;color:var(--color-gray-800)}.search-result-bonus{font-size:12px;color:var(--color-accent);font-weight:500}.search-result-rating{display:flex;align-items:center;gap:6px}.search-result-stars{display:flex;gap:1px}.search-result-stars .star{font-size:12px}.search-result-stars .star.filled{color:#FFD700}.search-result-stars .star.half{color:#FFD700;opacity:0.6}.search-result-stars .star.empty{color:var(--color-gray-300)}.search-result-value{font-size:12px;font-weight:600;color:var(--color-gray-600)}.search-view-all{display:block;padding:12px 16px;text-align:center;font-size:13px;font-weight:500;color:var(--color-primary);background:var(--color-gray-50);border-radius:0 0 16px 16px;text-decoration:none;transition:background 0.15s ease}.search-view-all:hover{background:var(--color-gray-100)}.search-no-results{padding:24px 16px;text-align:center;color:var(--color-gray-500);font-size:14px}.search-no-results a{color:var(--color-primary);text-decoration:none}.search-no-results a:hover{text-decoration:underline}.search-error{padding:16px;text-align:center;color:var(--color-error);font-size:14px}.casinos-page{padding-top:100px;padding-bottom:60px;min-height:100vh;background:var(--color-gray-50)}.casinos-header{text-align:center;margin-bottom:40px}.casinos-header h1{font-size:2.5rem;font-weight:800;color:var(--color-gray-800);margin-bottom:12px;letter-spacing:-1px}.casinos-header p{font-size:1.125rem;color:var(--color-gray-500)}.casinos-filters{display:flex;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.filter-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:9999px;cursor:pointer;transition:all 0.2s ease}.filter-btn:hover{border-color:var(--color-gray-300);color:var(--color-gray-800)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.casinos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.casino-card{display:flex;flex-direction:column;padding:24px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:20px;text-decoration:none;color:inherit;transition:all 0.25s ease}.casino-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.1);border-color:var(--color-primary)}.casino-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.casino-name-link{text-decoration:none;transition:opacity 0.2s ease}.casino-name-link:hover{opacity:0.7}.casino-name{font-size:1.25rem;font-weight:700;color:var(--color-gray-800);margin:0}.casino-rating{display:flex;align-items:center;gap:6px}.casino-rating .stars{color:#FFD700;font-size:14px;letter-spacing:-1px}.casino-rating .rating-value{font-weight:700;font-size:14px;color:var(--color-gray-800)}.casino-rating .rating-count{font-size:12px;color:var(--color-gray-400)}.casino-bonus{font-size:1.125rem;font-weight:600;color:var(--color-accent);margin-bottom:16px}.casino-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.casino-tags .tag{padding:4px 12px;font-size:12px;font-weight:500;color:var(--color-gray-600);background:var(--color-gray-100);border-radius:9999px;text-transform:capitalize}.casino-cta{margin-top:auto;font-size:14px;font-weight:600;color:var(--color-primary)}@media (max-width:768px){.search-input{width:44px;padding-left:44px;padding-right:8px;background-position:center}.search-input:focus{width:200px;padding-left:36px;padding-right:16px;background-position:12px center}.search-results{position:fixed;top:70px;left:16px;right:16px;width:auto}.casinos-grid{grid-template-columns:1fr}.casinos-header h1{font-size:1.75rem}}