/* Кастомные стили, вынесенные в отдельный файл style.css */

input[type=range] {
-webkit-appearance: none;
width: 100%;
background: transparent;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: #4F46E5;
cursor: pointer;
margin-top: -9px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
border: 2px solid white;
transition: transform 0.1s;
}
/* Зеленый ползунок для ставки */
input[type=range].rate-slider::-webkit-slider-thumb {
background: #10B981;
}
input[type=range]::-webkit-slider-thumb:active {
transform: scale(1.1);
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 4px;
cursor: pointer;
background: #E2E8F0;
border-radius: 2px;
}
.card-hover {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}