body { font-family: 'Inter', sans-serif; background-color: #fff; color: #333; line-height: 1.6; }
.wrapper { max-width: 1400px; margin: 0 auto; }
.text-gradient { background: linear-gradient(45deg, #0d6efd, #6610f2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.btn-gradient { background: linear-gradient(45deg, #0d6efd, #6610f2); border: none; }
.btn-gradient:hover { opacity: 0.9; }
.card-hover:hover { transform: translateY(-5px); transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.featured-card { border-top: 4px solid #6610f2; }
.banner { background: linear-gradient(120deg, rgba(13,110,253,0.8), rgba(102,16,242,0.8)), url('../img/banner.jpg') center/cover no-repeat; height: 500px; display: flex; align-items: center; justify-content: center; text-shadow: 0 2px 8px rgba(0,0,0,0.3); }
footer h5 { margin-bottom: 15px; font-weight: 600; }
footer ul li { margin-bottom: 6px; color: #ccc; }
footer ul li:hover { color: #fff; }