body {
background-color: #ffffff;
font-family: 'Segoe UI', sans-serif;
color: #2c2c2c;
}
/* Navbar */
.navbar {
background-color: #fff;
padding: 1.2rem 2rem;
border-bottom: 1px solid #eee;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.navbar-brand {
font-size: 1.6rem;
font-weight: bold;
color: #ff2c2c;
}
.nav-link {
font-weight: 500;
color: #f5f5f5 !important;
margin-right: 1rem;
}
.nav-link.active,
.nav-link:hover {
color: #ff4f00 !important;
}
.btn-live {
background: linear-gradient(45deg, #ff5c00, #ff2c2c);
color: #fff;
font-weight: bold;
border-radius: 10px;
padding: 0.4rem 1rem;
}
.btn-live:hover {
background: #ff2c2c;
}
.navbar-toggler {
border: none;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff2c2c' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ff2c2c' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Header */
header {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #000;
}
header h1 {
font-size: 3rem;
font-weight: bold;
line-height: 1.2;
color: #d40000;
font-family: 'Georgia', serif;
}
.btn-explore {
background: linear-gradient(45deg, #ff5c00, #ff2c2c);
border: none;
border-radius: 20px;
padding: 0.6rem 1.5rem;
color: #fff;
font-weight: 600;
margin-right: 1rem;
}
.btn-explore:hover {
background: #ff2c2c;
color: #fff;
}
.btn-play {
background-color: #ffe5e5;
border: 2px solid #ff2c2c;
border-radius: 50%;
width: 50px;
height: 50px;
color: #ff2c2c;
font-size: 1.2rem;
}
.btn-play:hover {
background-color: #ff2c2c;
color: #fff;
}
.image-box img {
border-radius: 20px;
box-shadow: 0 0 20px #ffbbbb;
}
/** бордер в бургер меню **/
.navbar-toggler {
padding: 0.5rem 0.75rem;
background-color: transparent;
border: none !important;
outline: none !important;
box-shadow: none !important;
}

p a{
	color: #ff2c2c;
}
p a:hover{
	color: #ff2c2c;
	text-decoration: none;
}
.text-muted {
  --bs-text-opacity: 1;
  color: #f5f5f5 !important;
}