.hero-gradient {
    background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
}
.content-card:hover {
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.auth-bg {
    background: linear-gradient(135deg, rgba(20,20,20,0.9) 0%, rgba(40,40,40,0.9) 100%);
}
.input-field:focus {
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.5);
}

.profile-bg {
    background: linear-gradient(135deg, rgba(20,20,20,0.9) 0%, rgba(40,40,40,0.9) 100%);
}
.content-card:hover {
    transform: scale(1.03);
    transition: all 0.3s ease;
}
.tab-active {
    border-bottom: 2px solid #dc2626;
    color: white;
}