/* ===== General ===== */

body{
    background:#0f172a;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}

/* ===== Navbar ===== */

.navbar{
    background:#111827 !important;
}

.navbar-brand{
    color:#00ff99 !important;
    font-weight:bold;
}

.nav-link{
    color:#ffffff !important;
}

.nav-link:hover{
    color:#00ff99 !important;
}

/* ===== Hero ===== */

.hero{
    background:linear-gradient(135deg,#0f172a,#1e293b,#312e81);
    color:#ffffff;
    padding:100px 20px;
    text-align:center;
}

/* ===== Cards ===== */

.card{
    background:#1e293b;
    color:#ffffff;
    border:none;
    border-radius:15px;
    transition:.3s;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 0 20px rgba(0,255,153,.3);
}

/* ===== Buttons ===== */

.btn-warning{
    background:#00ff99;
    border:none;
    color:#000;
    font-weight:bold;
}

.btn-warning:hover{
    background:#00cc7a;
    color:#000;
}

.vote-btn{
    background:#00ff99;
    color:#000;
    border:none;
    border-radius:30px;
    padding:10px 25px;
    font-weight:bold;
}

.vote-btn:hover{
    background:#00cc7a;
}

/* ===== Footer ===== */

footer{
    background:#111827;
    color:#ffffff;
}

.card{

background:#1f2937;

border:none;

border-radius:15px;

color:white;

transition:.3s;

}

.card:hover{

transform:translateY(-6px);

box-shadow:0 0 25px rgba(0,255,128,.35);

}

.card h2{

font-weight:bold;

color:#00ff88;

}

.btn{

border-radius:30px;

font-weight:bold;

}

.card-body,
.card-title,
.card-text,
h1,h2,h3,h4,h5,h6,
p,
span,
label{
    color:#ffffff;
}

.form-control{
    background:#1e293b;
    color:#ffffff;
    border:1px solid #374151;
}

.form-control:focus{
    background:#1e293b;
    color:#ffffff;
    border-color:#00ff99;
    box-shadow:0 0 8px rgba(0,255,153,.4);
}

.form-control::placeholder{
    color:#9ca3af;
}