body { font-family: 'Segoe UI', Arial, sans-serif; background: #f6f7fb; }
.hero { background: linear-gradient(90deg, #4e54c8 0%, #8f94fb 100%); color: #fff; padding: 80px 0 60px 0; text-align: center; border-radius: 0 0 40px 40px; box-shadow: 0 8px 32px rgba(80,80,160,0.10); }
.section-title { margin-top: 48px; margin-bottom: 32px; font-size: 2.2rem; font-weight: 700; letter-spacing: 1px; color: #4e54c8; }
.card-img-top { object-fit: cover; height: 210px; border-radius: 12px 12px 0 0; }
.navbar-brand { font-weight: bold; letter-spacing: 1px; font-size: 1.5rem; }
footer { background: #222; color: #fff; padding: 28px 0; margin-top: 60px; font-size: 1.1rem; }
.card { border: none; border-radius: 16px; box-shadow: 0 2px 12px rgba(80,80,160,0.07); transition: box-shadow .2s, transform .2s; }
.card-title { font-weight: 700; font-size: 1.25rem; }
.card:hover { box-shadow: 0 8px 32px rgba(80,80,160,0.16); transform: translateY(-4px) scale(1.02); }
.btn { border-radius: 24px; font-weight: 500; letter-spacing: 0.5px; padding: 8px 24px; }
.navbar .nav-link { font-size: 1.08rem; transition: color .2s; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: #ffd700 !important; }
.bg-light { background: #f8f9fa !important; }
.shadow-sm { box-shadow: 0 2px 12px rgba(80,80,160,0.07) !important; }
.rounded { border-radius: 16px !important; }
.rounded-circle { border-radius: 50% !important; }