body { font-family: 'Poppins', sans-serif; transition: background 0.3s, color 0.3s; }
body.dark-mode { background: #121212; color: #e0e0e0; }
.dark-mode .navbar, .dark-mode footer { background: #1f1f1f; }
.dark-mode .card { background: #2a2a2a; color: white; }
.dark-mode .btn-primary { background-color: #6200ea; border-color: #6200ea; }
header {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('assets/background.jpg') center/cover;
    color: white;
    padding: 100px 0;
    height: 500px;
}
.card:hover {
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.typewriter { font-weight: 600; display: inline; }
#theme-toggle { cursor: pointer; }

.project-card {
    cursor: pointer;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.project-card:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}