body {
	background: #0f1115;
	color: #eaeaea;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.top-section {
	padding: 40px 60px;
}


.brand-left img,
.brand-right img {
	height: 50px;
}


.voting-text {
	font-size: 2.2rem;
	font-weight: 600;
	margin: 30px 0 20px;
}


.platform-box {
	background: #fff;
	border-radius: 14px;
	padding: 30px;
	width: 320px;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.platform-box img {
	max-width: 100%;
	height: auto;
}


.countdown {
	font-size: 3.5rem;
	font-weight: 600;
	letter-spacing: 1px;
}


@media(max-width: 768px) {
	.top-section {
		padding: 30px
	}

	.voting-text {
		font-size: 1.8rem
	}

	.countdown {
		font-size: 1.8rem
	}

	.platform-box {
		margin-bottom: 30px
	}
}
.py-5 {
    background: #1a1a1a;
    border-top: 5px solid; /* fallback */
    border-image: linear-gradient(90deg, #3ab4af, #fd1dbf 49%, #fcb045) 1;
}
.profile-card {
	background: #2a2d33;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 15px;
}

.profile-img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid #1abc9c;
}

.label {
	color: #17C75A;
	font-weight: 600;
	font-size: 0.9rem;
}

.divider {
	border-top: 1px solid #3a3f46;
	margin: 16px 0;
}

.btn-play {
	background: #1abc9c;
	color: #000;
	border: none;
}

.btn-play:hover {
	background: #17a589
}

.gallery img {
	border-radius: 14px;
}

.rating {
	color: #f1c40f;
	font-size: 1.5rem;
}

.text-about-color {
	color: #fff;
}
.brand-right span {
    font-size: 1.5rem;
    font-weight: bold;
}
.footer{
      background:#2f3136;
      color:#d1d1d1;
      padding:60px 0 30px;
    }
    .footer-logo{
      max-width:150px;
    }
    .footer h5{
      color:#fff;
      margin-bottom:20px;
      font-weight:600;
    }
    .footer p{
      font-size:0.95rem;
      line-height:1.6;
    }
    .footer ul{
      list-style:none;
      padding:0;
    }
    .footer ul li{
      margin-bottom:10px;
    }
    .footer ul li a{
      color:#d1d1d1;
      text-decoration:none;
    }
    .footer ul li a:hover{
      color:#fff;
    }
    .footer .contact li{
      display:flex;
      gap:10px;
      margin-bottom:12px;
    }
    .footer .contact i{
      color:#fff;
      font-size:1.1rem;
    }
    .footer-bottom{
      border-top:1px solid #444;
      margin-top:40px;
      padding-top:20px;
      font-size:0.9rem;
    }
    .scroll-top{
      position:fixed;
      bottom:30px;
      right:30px;
      width:40px;
      height:40px;
      border-radius:50%;
      background:#111;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }
    .modal-header, .modal-body {
        color: #000 !important;
    }
    .rating .star {
    font-size: 24px;
    color: gray; /* empty stars */
    position: relative;
    display: inline-block;
}

.rating .star.filled {
    color: gold;
}

.rating .star.half {
    color: gray; /* base gray star */
}

.rating .star.half::before {
    content: '★';
    color: gold;
    position: absolute;
    width: 50%; /* only left half colored */
    overflow: hidden;
    left: 0;
    top: 0;
}


  .countdown-box{
      border-radius:14px;
      padding:30px 40px;
    }

    .time-card{
      background:linear-gradient(180deg,#2c2c2c,#121212);
      border-radius:8px;
      padding:16px 22px;
      min-width:90px;
      text-align:center;
      box-shadow:inset 0 0 0 1px #333;
    }

    .time-value{
      font-size:2.2rem;
      font-weight:700;
      line-height:1;
    }

    .time-label{
      font-size:0.75rem;
      text-transform:uppercase;
      letter-spacing:1px;
      color:#b5b5b5;
      margin-top:6px;
    }

    @media(max-width:576px){
      .time-card{min-width:70px;padding:14px}
      .time-value{font-size:1.8rem}
    }

    .voting-banner{
background: radial-gradient(circle at left, #3b165f 0%, #14091f 40%, #000 100%);
border-radius:14px;
padding:30px 40px;
margin-top: 20px;
}


.voting-title{
font-size:1.25rem;
font-weight:600;
line-height:1.6;
}


.voting-title span{
color:#f5c542;
}


.voting-actions a{
color:#fff;
text-decoration:none;
margin-right:16px;
}


.voting-actions a:hover{
text-decoration:underline;
}


.btn-teaser{
background:#1f2933;
border:1px solid #2ecc71;
color:#2ecc71;
}


.btn-teaser:hover{
background:#2ecc71;
color:#000;
}


.total-votes{
font-size:2.2rem;
font-weight:700;
}


.total-votes span{
color:#2ecc71;
}

.text-watch {
    color: #2ecc71;
}
@media(max-width:768px){
.total-votes{text-align:left;margin-top:20px}
}