body { background: #0f172a; color: #e2e8f0; }
a { color: #38bdf8; text-decoration: none; }
a:hover { color: #0ea5e9; }
.section-title { color: #38bdf8; margin-bottom: 30px; text-align: center; }
.card { background: #1e293b; color: #e2e8f0; border: none; }
.hero img { max-width: 100%; }
.social-links a { font-size: 1.5rem; margin: 0 10px; transition: transform 0.3s; }
.social-links a:hover { transform: scale(1.2); color: #0ea5e9; }
.btn-primary { background: #38bdf8; border: none; }
.btn-primary:hover { background: #0ea5e9; }
