@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #141414;
    color: #E5E5E5;
}

.serie-card {
    transition: all 0.3s ease;
    transform-origin: center;
}

.serie-card:hover {
    transform: scale(1.05);
}

.serie-card:hover .serie-title {
    color: #E50914;
}

.ad-container {
    background: linear-gradient(135deg, rgba(20,20,20,0.9) 0%, rgba(45,45,45,0.8) 100%);
    border-left: 3px solid #4FC3F7;
}

.section-title {
    position: relative;
    padding-left: 15px;
}

.section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #E50914;
    border-radius: 2px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #2D2D2D;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #E50914;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #C40812;
}