body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f4f6f8;
    color: #333;
}

.navbar {
    background: linear-gradient(90deg, #3b8d99, #6b6b83, #aa4b6b);
}

h3 {
    margin-top: 40px;
    color: #2c3e50;
}

.term-block {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 20px;
    margin-bottom: 40px;
    transition: all 0.3s ease;
}

.term-block {
    margin-bottom: 60px;
    scroll-margin-top: 100px;
}

.term-image {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.list-group-item a {
    text-decoration: none;
    color: #007bff;
    transition: color 0.2s;
}

.list-group-item a:hover {
    color: #0056b3;
}