body {
    background-color: #f8f9fa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.card {
    border: none;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.poll-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,.1) !important;
}

.developer-card {
    transition: transform 0.3s ease;
}

.developer-card:hover {
    transform: translateY(-10px);
}

/* Card social icons for developer cards */
.card-social a { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; color: #2c2c2c; border:1px solid rgba(0,0,0,0.08); background:transparent; transition: all 0.15s ease-in-out; }
.card-social a i { color:inherit; }
.card-social a:hover { color: #0d6efd; background: rgba(13,110,253,0.06); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(13,110,253,0.06); }

.vote-option-card {
    transition: background-color 0.2s ease;
}

.vote-option-card:hover {
    background-color: #f1f3f5;
}

.pricing-card-title {
    font-size: 2.5rem;
    font-weight: 700;
}

.progress {
    border-radius: 10px;
    background-color: #e9ecef;
}

.progress-bar {
    border-radius: 10px;
    transition: width 1s ease-in-out;
}

.btn {
    border-radius: 8px;
    font-weight: 500;
}
